Question

我正在学习webpack并尝试设置多个输出（要将html文件也从src复制到dist，还没有添加html config json）。当我使用此webpack.config.js运行webpack时，出现错误消息“ output.filename is required”。我想念什么？

    const path = require('path');

var sharedConfig = { // shared 
    module: {},
} // config

var jsConfig = Object.assign({},sharedConfig,{ // target(new empty object), copy members from, copy members from

    entry: {
        'page1': './src/page1/index.js',
        'page2': './src/page2/index.js',
        'widget1': './src/widget1/index.js',
        'widget2': './src/widget2/index.js'
    },
    output: {
        filename: '[name].bundle.js',
        path: path.join(__dirname, "dist")
    }

}); // assign

var htmlConfig = Object.assign({},sharedConfig,{ // target(new empty object), copy members from, copy members from

    entry: {
        'page1': './src/page1/index.html',
        'page2': './src/page2/index.html',
        'widget1': './src/widget1/index.html',
        'widget2': './src/widget2/index.html'
    },
    output: {
        filename: '[name].html',
        path: path.join(__dirname, "dist")
    }

}); // assign

module.exports = {jsConfig, htmlConfig};

Answer 1

我已经决定在src文件夹中没有html，这是没有必要的。我的html将包含dist文件夹中js的链接。

需要多个输出的output.filename

1 个答案: