24

(我是 Angular2 星球上的新人(从垂死的
Flex/Actionscript 星球移民,所以请原谅这个幼稚的问题)

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

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

在此处输入图像描述

4

3 回答 3

70

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

<base href="/">

到:

<base href="./">
于 2016-10-05T16:01:46.387 回答
8

我想我会从一个类似的问题中交叉发布我的答案。原帖。
我不认为 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="/">然后ng build --bh ./在 angular-cli 中运行以使其成为相对路径,或者将其替换为./您需要的任何内容。

angular-cli是参考用法的官方文档。

于 2017-04-10T03:58:08.303 回答
1

您需要在 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
于 2016-06-06T13:19:29.433 回答