Angular 7 - 只有“dist”文件夹在浏览器上呈现，而不是带有 nodejs 的“src”文件夹

Question

您好，我正在使用 angular7 开始一个 nodejs 应用程序项目。这是我在 nodejs 中的邮件 server.js 文件

var express = require('express'); 
var mysql = require('mysql');
var bodyParser = require('body-parser')
var cookieParser = require('cookie-parser');
var router = express.Router();
var app = express();

app.use(cookieParser());
app.use( bodyParser.json() );       // to support JSON-encoded bodies
app.use(bodyParser.urlencoded({     // to support URL-encoded bodies
    extended: true
}));

app.set('view engine', 'pug');
app.set('views', __dirname + '/app/views');

app.use(express.static(__dirname + '/public'));
app.use('/', express.static(__dirname + '/angular/src'));

require('./app/routes')(router);

app.use(router);



app.listen(2233, function(){
    console.log('app started on 2233');
});

app.use('/', express.static(__dirname + '/angular/src')); 这一行表示我想在 nodejs 应用程序加载时渲染 Angular 文件夹内的 src 文件夹，但这是渲染空白屏幕。当我运行ng build 并将其更改为app.use('/', express.static(__dirname + '/angular/dist')); 然后开始工作。

所有教程都显示运行ng build 并在节点内运行角度，但为什么我可以在 nodejs 内使用src 文件夹。

Answer 1

src 文件夹在开发过程中使用。它们是实际的源文件，其中包含您的程序可读格式。

dist 是在您进行构建时生成的，它会将您所有的 src 文件、资产和您的节点模块组合并压缩到一个小包中。

因此，在您的部署中使用 src 是没有意义的

更新： 正如您所说的那样，当您在开发中时，缩小代码并再次构建整个代码需要大量时间。因此，当我们执行ng serve 时，它只会将文件转换为 js，但不会发生缩小或其他事情。

如果复制 src 进行部署，为什么 src 将不起作用，如果您使用最新的 Angular，src 包含 .ts 文件，并且您必须将其转换为 JS 并进行一些修改，以便浏览器可以理解它。