如何捆綁angular4應用程序中的資源文件夾？

我正在使用Angular4應用程序Webpack。當我構建應用程序使用ng-build - 產品命令時，資產文件夾將進入dist文件夾。但是，css & js文件未處於捆綁或縮小形式。如何捆綁angular4應用程序中的資源文件夾？

我想知道如何捆綁&再縮小JS & CSS文件在我的資產文件夾？

2017-10-11 Arun Raj R

您可以使用[咕嘟咕嘟（https://gulpjs.com/）對於任何特定的任務......還有在不同一飲而盡模塊寫作任務...例如，[吞掉束-assets]（https://www.npmjs.com/package/gulp-bundle-assets） –

我猜你在資產文件夾中的js和css文件是外部依賴項。

您可以將這些添加到.angular-cli.json文件中。它們將被自動編譯爲用於CSS的styles.bundle.js中的Javscript的scripts.bundle.js。

轉到.angular-cli.json並添加爲Javascript：

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

和CSS文件：

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

你不該外部依賴性添加到資產的文件夾。

問候

2017-10-11 07:46:11 Daniomi

我可以在** assets **文件夾中放置我的** css **和** js **文件夾嗎？ –

如果您將它添加到Angular的scripts.bundle.js或styles.bundle.js中，您不必爲此而推薦它。您的Javascript和CSS將被Webpack捆綁在一起，這些文件包含在index.html中。 – Daniomi

抱歉，我沒有收到您。我試圖將我的** css **＆** js **文件夾放入assets文件夾中，並且如您所說，我在**腳本**和** style **塊中指定了文件位置。但是，在檢查瀏覽器的源代碼面板時，我可以看到這些文件不是捆綁格式。 –

回答