angular-cli“ng build”不会产生工作项目?

时间:2016-06-01 02:56:43

标签: angular angular-cli

(我是星球Angular2上的新人(从垂死的行星移居)  Flex / Actionscript,请原谅这个天真的问题)

我认为在从Angular CLi对我的项目运行“ng build”命令后,我最终会在“dist”目录中运行一个正常运行的项目,这是一个致命的错误 - 我可以运行在浏览器中,放在服务器上?

我最终得到了一个充满正确命名的东西的文件夹,等等。我在这里缺少一步吗?

enter image description here

3 个答案:

答案 0 :(得分:54)

我是棱角分明的新人,刚遇到同样的问题。您可以直接从文件系统打开并在浏览器中运行Index.html文件,但您必须在以下位置编辑Index.html中基本href属性的路径:

<base href="/">

为:

<base href="./">

答案 1 :(得分:7)

我以为我会从类似的问题中反复发表我的回答。 Original Post.我不认为OP是重复的,所以在这里;

您可以使用以下cmd angular-cli命令获得所需的结果:

ng build --base-href /myUrl/

ng build --bh /myUrl/ng build --prod --bh /myUrl/

这会将内置版本中的<base href="/">更改为<base href="/myUrl/"> ,这非常适合我们在开发和生产之间的环境变化。最好的部分是没有代码库需要使用此方法更改。

<小时/> 总结一下,将index.html基础href保留为:<base href="/">然后在angular-cli中运行ng build --bh ./以使其成为相对路径,或者将./替换为您需要的任何内容。

This是涉及使用情况的官方angular-cli文档。

答案 2 :(得分:0)

您需要在CLI中运行它:

# This will create a production version in "dist" folder
ng build -prod

# This will create a production version in a custom folder
ng build -prod --output-path=custom