角2 CLI -如何使用角cli ng生成创建的/dist文件夹文件

Question

我正在生成ng生成后的dist文件夹，我的目录看起来像

C:\Source\angular> ng build

​

​

剪切并通过另一个目录中的dist文件夹

C:\ReSource\angularbuild

​

​

在Index.html中更改为

<base href="./ReSource/angularbuild/dist">

然后

C:\Source\angular> ng serve

获取inline.bundle.js、main.bundle.js、styles.bundle.js、vendor.bundle.js、main.bundle.js 404未找到错误

我怎样才能做到这一点？我想运行C:\Source\angular>中放置在angularbuild文件夹中的dist文件夹

让我知道正确的方法。

Answer 1

在ng构建之后，它只需要一个服务器来执行它，而不是ng服务，您可以从终端npm i -g http-server --save安装一个http-服务器，然后使用命令(y)从dist文件夹执行项目：

http-server ./dist

或者对于使用Wamp或Xamp的apache，只需在www文件夹中复制dist文件夹中的整个文件，然后重新启动Apache服务。

Answer 2

Dist文件夹不用于ng服务。

这是一个无需ng命令就可以运行的构建

ng build :

它创建项目的构建，将所有".ts文件“和其他文件转换为浏览器可以理解的简单js文件。

所以不需要在dist文件夹上运行ng serve，

只要在dist文件夹中打开index.html文件，整个项目就会运行。

Answer 3

如果将angular4项目部署到sub服务器上的子文件夹DOCUMENT_ROOT/test，则可以按以下方式进行构建：

ng build --prod --base-href "/test/“。

将dist/*文件复制到DOCUMENT_ROOT/test。

通过：http://myserver/test访问应用程序。对我起作用了。