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

Question

我有一個JS模塊的文件夾結構。 我想要每頁一個模塊。 這不是單頁面應用。

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

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

據我所知，我不能使用單個捆綁文件，因為在模塊外部不提供require 。 如果是的話，我可以在每個頁面上構建一個捆綁包並require("a/b/c") 。

如果有一個很好的方法，我沒有在互聯網上找到這個，請告訴我。

看起來我可以使用r.js輕松地使用require.js，但我不想使用require.js並且想要CommonJS模塊。

Answer 1

您可以使用斜杠定義入口點，如下所示：

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上Win7x64 。

Answer 2

您也可以使用[名稱]制作新文件夾。 像這樣：

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