Angular 2 CLI - 如何使用angular-cli ng build创建的/ dist文件夹文件

Question

我在构建之后生成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找不到错误

我怎么能实现它？我想运行dist文件夹,它位于angularbuild文件夹中C:\Source\angular>

让我知道正确的方法.

Answer 1

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

http-server ./dist

或者在apache上使用Wamp或Xamp例如只复制www文件夹中dist文件夹的整个文件,然后重启Apache服务

Answer 2

Dist文件夹不适用于ng服务

它是一个可以在没有ng命令的情况下运行的构建

ng build :

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

所以没有必要ng serve在dist文件夹上运行,

只需在dist文件夹中打开index.html文件,您的整个项目就会运行.