如何在VS代碼中設置webpack複製文件

Question

我已經在VS代碼中啓動了一個新的個人項目。我是VS Code和webpack的新手。

npm install -g @angular/cli 
ng new CyclingApp 

這導致了以下文件結構：

我已經閱讀了node_modules不應該被引用

我通過運行以下命令來創建一個新的角度項目通過例如script標籤來包括縮小的.js文件。

我想從node_modules中取出縮小文件並將其放入公用文件夾，例如./scripts。

目前，當我想運行我的應用程序時，我使用以下命令ng serve --open。

當我運行這個時，我可以看到webpack是活躍的，並且正在做一些事情（需要更多的閱讀）。

它從哪裏得到這個構建命令？我想去那裏設置我的'複製命令'，但是我沒有看到任何webpack.config.js文件？

Answer 1

您不需要將縮小的文件複製出node_modules，因爲webpack會自動爲您執行此操作。 webpack不是像吞噬或grunt但資產打包商任務亞軍。

首先快速閱讀ES6 modules然後看看如何webpack works。

以非常簡單的方式，這是webpack的功能;

您可以定義一個配置文件，在其中指定應用程序的主文件。 Webpack將讀取此文件並查找導入模塊的任何import或require語句。如果它確實找到了，那麼它將把它們捆綁到一個文件中。對於包含的每個模塊，它還將查找更多的導入語句。