8

我使用文件加载器自动将一堆 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 文件。是否有一个插件或某种空加载器可以放在加载器链的末尾来终止捆绑发射？

4

1 回答 1

0

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

这将创建两个捆绑文件。

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

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

entry: {
   SINGLE_BUNDLE_NAME: ['file/one.js', 'file/two.js']
}
于 2017-08-27T01:56:29.030 回答