如何提供Angular 2 dist文件夹index.html
我正在使用这个有角度的4种子应用程序:https : //github.com/2sic/app-tutorial-angular4-hello-dnn
它使用webpack并正常工作。
它似乎只提供dev文件,而不提供dist /文件夹。
我想提供dist文件夹。
不确定执行此操作的命令或我是否需要安装精简服务器或其他工具。
我运行以下命令来创建dist文件夹(工作正常):
g build --prod --aot --output-hashing=none
现在,我想在浏览器中运行此构建。
I use the VS Code extension Live Server.
ng build
which will output thedist/
folder withindex.html
dist/
folder我尝试通过全局安装http服务器
然后移到dist / project-folder并尝试
控制台输出
然后,此解决方案使用了所有相同的步骤,但没有使用http-server try
angular-http-server
它为我工作。
ng serve
将正常运行,并且不需要事先构建。它在内存中生成文件,并具有一些其他功能,例如自动重新加载。至少对于Angular应用程序来说,这
angular-http-server
似乎是一个更好的选择。首先使用您喜欢的软件包管理器进行安装,例如
要么
然后执行它:
查看回购以获取有关用法的更多信息。
PS:作者认为,它还应与其他SPA框架(React,Vue等)一起使用。
一点提示
所以你避免全局安装
安装在您的根目录
在您的package.json中
比
您需要一个服务器来服务您生成的构建。
我正在使用http服务器。使用以下命令安装http-server:
现在进入dist文件夹并运行此命令
如下所示:
在浏览器中检查http:// localhost:8080
我使用Angular CLI为dist文件夹提供服务...
ng serve --prod = true
https://angular.io/cli/serve
您可以使用http-server这样做。首先使用命令生成一个构建
ng build --prod --aot --output-hashing=none
。这将在目录结构中创建一个dist文件夹。之后,运行
http-server ./dist
,这将开始从dist文件夹提供您的项目。确保使用以下命令全局安装了http-server
有关参考,请参见https://www.npmjs.com/package/http-server
你的回答