Question

我使用Angular-cli使用Angular 2创建了一个项目。我跑的时候

    ng build --prod

我没有将我的js和css文件缩小。这些文件位于 assets / js / 和 assets / css / 中。

我如何缩小它们？谢谢！

Answer 1

assets-folder包含在您的构建中，因为该文件夹列在angular-cli.json中的assets-array中。

assets-array中的所有内容都在构建时“按原样”复制。

如果你将css和脚本添加到angular-cli.json中的样式和脚本--arrays中，它们将被捆绑在build中，这样你的所有css都将在styles.bundle.js（是的js）中。

你不应该在index.html中引用css或js文件，angular-cli会在index.html中插入包。

如果您仍然希望文件存在于assets文件夹中，请记住它是“按原样”复制的，这样您就可以使用任何您喜欢的工具来缩小该文件夹中的内容（例如https://www.npmjs.com/package/minifier）angular-cli不会碰它，只需在构建中复制它。

Answer 2

添加你的风格＆amp; js in angular-cli.json

"styles": [
    "assets/css/style.css",
    "assets/css/fonts.css"
],
"scripts": [
    "assets/js/app.js",
    "assets/js/other.js"
]