Angular 2 (Cli) 没有缩小 asstet/css 文件

Question

我使用 Angular-cli 创建了一个 Angular 2 项目.当我运行时

    ng build --prod

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

如何缩小它们？谢谢!

Answer 1

Assets 文件夹包含在您的构建中，因为该文件夹列在 angular-cli.json 的 Assets 数组中。

Assets 数组中的所有内容都在构建时“按原样”复制。

如果您将 css 和脚本添加到 angular-cli.json 中的样式和脚本数组，它们将在构建时捆绑在一起，这样您所有的 css 都将在 styles.bundle.js 中(是的 js)。

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

如果您仍然希望文件位于 Assets 文件夹中，请记住它是“按原样”复制的，因此您可以使用任何您喜欢的工具来缩小该文件夹中的内容，(例如 https://www.npmjs.com/package/minifier)angular-cli 不会触摸它，只需在构建时复制它。