javascript - 如何使用 webpack 输出多个文件夹？

Question

我的 JS 模块有一个文件夹结构。我想要每页一个模块。这不是单页应用。

如何以文件夹结构输出文件？

据我所知，唯一的可能就是输出[name].js。如果我使名称非常独特，或者我可以使名称具有 - 作为文件夹分隔符，这可能会起作用。这意味着 a/b/c.js 将转换为名称 a-b-c。我真的不喜欢这个。我希望能够 require("a/b/c")。

据我所知，我也不能使用单个捆绑文件，因为 require 在模块外不可用。如果是这样，我可以只构建一个包并在每个页面上 require("a/b/c")。

如果我在 Internet 上找不到执行此操作的好方法，请告诉我。

看起来我可以使用 r.js 使用 require.js 轻松地做到这一点，但我不想使用 require.js 而想要 CommonJS 模块。

Answer 1

您可以使用斜杠定义入口点，如下所示:

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

输出如下:

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

此设置将创建一个 public/main-plugin/js 文件夹并将 background.js 放入其中。它至少适用于 Win7x64。