javascript - Webpack - 不要为某个入口点输出包

Question

我使用文件加载器自动将一堆 pug 模板呈现为静态 html 文件，但 webpack 也根据入口点输出无意义的文件

例如，这是在我的 webpack.config.js 中:

entry: {
    'js/build/bundle.js': './js/app.js',
    'this-shouldnt-emit': './pug/.pug.js' //pug entry point
},

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

...
// pug loading module rule
        {
            test: /\.pug$/,
            include: path.resolve(__dirname, "../pug"),
            use: [
                "file-loader?name=[path][name].html&context=./pug",
                "pug-html-loader?pretty&exports=false"
            ]
        }

我在构建根目录中得到了一个 this-shouldnt-emit 包文件，这是我不想要的。

如何阻止文件加载器发出输出包，但又不干扰它生成当前的所有静态 html 文件。我可以在加载器链的末尾放置一个插件或某种空加载器来终止 bundle emitting 吗？

Answer 1

我不确定您真正要问的是什么，但如果您希望它在一个包中包含多个文件，请使用数组。在 filename: '[name].bundle.js 中使用 [name] 的全部意义在于多个条目。一个输入 key 不是必需的(但可选)。

这将创建两个包文件。

entry: {
   BUNDLE_KEY_ONE: 'path/file.js',
   BUNDLE_KEY_TWO: 'path/otherFile.js',
}

这就是您将多个文件捆绑在一起的方式。

entry: {
   SINGLE_BUNDLE_NAME: ['file/one.js', 'file/two.js']
}