在現有的角項目中的Webpack源連接

Question

我有一個現有的角項目，使用grunt建設任務。我打算遷移到webpack。根據webpack文檔，我必須在所有我希望在結果包中使用的腳本文件中使用CommonJS樣式，因爲它是webpack用於依賴關係解析的方式。

但是Angular.js已經有了自己的依賴解析功能，它不允許在CommonJS風格中顯式定義所有的依賴。所以我想爲我的JS文件使用簡單的連接，而不是爲大項目的每個文件添加require(...)。在我看來，這將是額外的不必要的工作，因爲在使用angular時文件順序沒有區別。

但它看起來像webpack推動我使用CommonJS方法，並在現有的代碼庫中做了很多改變，沒有任何利潤的項目。據我所知，我不能使用正則表達式或「明星」 -syntax在entry配置參數，如：

{ 
    entry: './scripts/**/*.js', 
    //... 
} 

，所以我必須使用CommonJS的方法或gerenate與所有應用程序的文件名一個巨大的數組： https://webpack.github.io/docs/configuration.html#entry。但是這種方法看起來像是一種解決方法。

有沒有辦法使用webpack進行所需的簡單的源文件連接？

Answer 1

有沒有簡單的方法來做到這一點，因爲這不是什麼webpack的。 Webpack不是一個縮小器，但確實是一個模塊打包器。它捆綁了模塊。如果你的代碼不是以模塊的形式組織的，webpack將不會對你有任何用處。

如果您不使用模塊系統，您將不會通過在當前的grunt設置上使用webpack獲取任何內容。