如何使用webpack輸出多個文件夾？

我有我的JS模塊的文件夾結構。我想每個頁面有一個模塊。這不是一個單一的頁面應用程序。如何使用webpack輸出多個文件夾？

如何輸出文件夾結構中的文件？

從我所看到的，唯一的可能性是輸出。這可以工作，如果我使名稱非常獨特，或者我可以使文件夾分隔符的名稱具有-。這意味着a/b/c.js將轉化爲名稱a-b-c。我真的不喜歡這個。我希望能夠require("a/b/c")。

從我所知道的情況來看，我無法使用單個捆綁文件，因爲require在模塊外部不可用。如果是這樣，我可以在每個頁面上構建一個單獨的包和require("a/b/c")。

如果有一種很好的方法可以做到這一點，我沒有在互聯網上找到，請讓我知道。

它看起來像我可以很容易地使用r.js require.js做到這一點，但我不想使用require.js，並希望CommonJS模塊。

2015-01-10 Josh Close

我正在做類似的事情，但不完全一樣。在我的'webpack.config.js'中，我創建了幾個不同的配置，根據我在運行不同的'npm'腳本時設置的NODE_ENV環境變量進行切換。例如，在我的'package.json'中，我有一個名爲'build-dev'的腳本，它運行''set NODE_ENV = development && webpack'''。希望這給你一些想法！ – Ganonside

您也可以使用[name]製作新的文件夾。就像這樣：

output: { 
    path: __dirname, 
    filename: '[name]/[name].js', 
    chunkFilename: '[name].js', 
    publicPath: '/assets/' 
},

來源

2015-05-05 14:09:26

可以使用斜線定義一個切入點，就像這樣：

entry: { 
    "main-plugin/js/background":"./src/main-plugin/background" 
}

而且output這樣的：

output: { 
    path: path.join(__dirname, 'public'), 
    filename: '[name].js' 
},

此安裝程序將創建一個public/main-plugin/js文件夾，將將background.js放入其中。它的作品至少在Win7x64。

來源

2015-10-13 06:08:44

如何使用webpack輸出多個文件夾？

回答

相關問題