相关疑难解决方法(0)

更新:2018年12月(参见'Aniket'回答)

使用Angular CLI 6,您需要使用构建器,因为不推荐使用ng eject,很快就会在8.0中删除它

更新:2018年6月:Angular 6不支持ng弹出**

更新:2017年2月:使用ng弹出

更新:2016年11月:angular-cli现在只使用webpack.您只需要使用npm install -g angular-cli正常安装."我们改变了beta.10和beta.14之间的构建系统,从SystemJS到Webpack."但实际上我只使用angular-cli来结构和文件夹,然后再使用webpack配置

我用这个安装了角度cli:

npm install -g angular-cli@webpack

当我使用angular1和web pack时,我曾经修改过"webpack.config.js"文件来执行所有的任务和插件,但我没有看到使用angular-cli创建的这个项目是谁工作的.这是魔法？

当我这样做时,我看到Webpack正在工作:

ng serve 

"Version: webpack 2.1.0-beta.18"

但我不明白angular-cli配置的工作方式......

这里有两个Angular 2 angular-cli.json问题:

1. 在运行'ng build --prod'之后,我可以在新创建的dist文件夹中进入我的index.html文件,并将"async"属性添加到捆绑的脚本标记中,以防止它们被阻止.这有助于网站速度,但偶尔会崩溃网站.angular-cli.json中有一个选项可以在构建期间以更好的方式为我添加这个选项吗？

我通过谷歌测试我的网站运行我的网站,我唯一要修复的是消除渲染阻止JavaScript和CSS的首要内容

以下是我从https://developers.google.com/speed/pagespeed/insights/获得的更具体的结果

消除上层内容中的渲染阻止JavaScript和CSS

您的页面有4个阻止脚本资源和1个阻止CSS资源.这会导致呈现页面的延迟.在不等待加载以下资源的情况下,无法呈现页面上的上述内容.尝试推迟或异步加载阻止资源,或直接在HTML中内联这些资源的关键部分.删除渲染阻止JavaScript:

*****.com/inline.e93ce34d30ab58073e62.bundle.js*****.com/scripts.68b893062974958fa7b3.bundle.js*****.com/vendor.4f05ee5669648be9602e.bundle.js*****.com/main.2d50b916b073e7fba148.bundle.js优化以下内容的CSS交付:*****.com/styles.c9d2a891e3814f5a5ff6.bundle.css

2. 哪个资源用于解释angular-cli.json如何工作的每个细节？我无法找到有关它的好信息.

如何使用angular-cli从角度构建中排除文件.我只是在tsconfig.json和tsconfig.app.json文件中添加要排除的路径,但是当我运行时ng serve,angular仍在尝试编译文件.

有任何想法吗？

当我ng build -prod --aot只运行.js文件时.

输出:

chunk    {0} polyfills.a2079361c5ff6d4e321e.bundle.js (polyfills) 285 kB {5} [initial] [rendered]
chunk    {1} main.d19edcafc399a0af8c0b.bundle.js (main) 2.33 MB {4} [initial] [rendered]
chunk    {2} scripts.22988bec4cd6ce344e9f.bundle.js (scripts) 973 kB {5} [initial] [rendered]
chunk    {3} styles.99705fb1bf9015185149.bundle.css (styles) 705 bytes {5} [initial] [rendered]
chunk    {4} vendor.377addf0a4997a085d42.bundle.js (vendor) 4.71 MB [initial] [rendered]
chunk    {5} inline.911ff25c95430bbf496e.bundle.js (inline) 0 bytes [entry] [rendered]

我的问题是:

1. .gz文件怎么了？
2. 如何从express提供gzip文件？

ng build将文件导出到dist文件夹,如下所示

index.html  
main.bundle.js  
styles.bundle.js  
...

我希望脚本在子文件夹中

*index.html  
scripts/main.bundle.js  
scripts/styles.bundle.js  
...*

我该怎么做？