如何使用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/'
},