Webpack 4：具有动态输出文件名的 glob 条目

Question

我想弄清楚是否可以从 webpack 输出目录的 glob 条目中设置动态文件名。

例如

entry: {
        'layout': glob.sync('./src/components/layout/**/*.js'),
        'sections': glob.sync('./src/components/sections/**/*.js'),
        'snippets': glob.sync('./src/components/snippets/**/*.js'),
},
output: {
        filename: './assets/bundle.[name].js',
        path: path.resolve(__dirname, 'dist'),
}

会输出

• bundle.layout.js
• bundle.sections.js
• bundle.snippets.js

是否可以创建一个将返回这样的输出？

• /layout/bundle.[文件名].js
• /sections/bundle.[文件名].js
• /snippets/bundle.[文件名].js

Answer 1

此解决方法适用于我正在尝试做的事情。 我们可以在条目上执行一些功能，而不是弄乱输出。

entry: glob.sync('./src/components/**/*.js').reduce((acc, path) => {
    const entry = path.replace(/^.*[\\\/]/, '').replace('.js','');
    acc[entry] = path;
    return acc;
  }, {}),