如何在angular4应用程序中捆绑资产文件夹?

时间:2017-10-11 06:57:29

标签: javascript css angular webpack angular-cli

我正在使用 Angular4 应用 Webpack 。当我使用 ng-build --prod 命令构建应用程序时,assets文件夹将进入 dist 文件夹。但是, css & js 文件不是捆绑或缩小的形式。

我想知道如何捆绑&缩小 js &我的资源文件夹中的 css 文件?

1 个答案:

答案 0 :(得分:1)

我猜资产文件夹中的js和css文件是外部依赖项。

您可以在.angular-cli.json文件中添加这些内容。它们将分别在styles.bundle.js for CSS中的scripts.bundle.js中为Javscript自动编译。

转到.angular-cli.json并为Javascript添加:

"scripts": [
     "path/to/your/js/file"
],

和CSS文件:

"styles": [
     "path/to/your/css/file"
],

您不应将外部依赖项添加到assets文件夹。

此致