如何提供一个Angular 2 dist文件夹下的index.html文件

60
我正在使用这个 Angular 4 种子应用程序:https://github.com/2sic/app-tutorial-angular4-hello-dnn
它使用 webpack 并且工作良好。
它似乎只提供 dev 文件而不是 dist/ 文件夹。
我想要 ng serve dist 文件夹。
不确定应该使用哪个命令,或者是否需要安装轻量级服务器之类的东西。 我运行此命令以创建 dist 文件夹(正常工作):
g build --prod --aot --output-hashing=none

现在我想要在浏览器中运行这个构建。


1
我是Angular4的新手,能告诉我dist和build是什么吗? - Soumya Gangamwar
2
@SoumyaGangamwar 如果你想构建一个可以从localhost之外部署和访问的环境,你可以将编译后的源代码放入一个名为“dist”(分发)的文件夹中 - 然后由http服务器提供服务并传播到“外部”世界。而dist只是为此目的广泛使用的默认名称... - Guntram
以下堆栈网址可能有帮助 https://dev59.com/qlcP5IYBdhLWcg3wY5GJ#53300931 - Shridhar Sagari
@Guntram:这正是我想做的(使其在本地主机之外可访问)。我该如何指定IP和端口? - Cleb
node_modules\.bin\ng serve --port 4200 --base-href /my-app/ --host 0.0.0.0 执行标准服务,而主机0000使得所提供的应用程序可以从另一台计算机访问网络。(ip是您计算机的ip) - Guntram
11个回答

0
我建议使用 web dev server。我发现它非常轻便易用,并且具有不错的观察选项。
dist/ 文件夹内部,我运行以下命令。
% wds -p 8080 --watch   
Web Dev Server started...


网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接