在webpack中创建多个块时，数组表示法和对象表示法有什么区别？

Question

我在我的项目中打开了像这样的热重加载功能

entry: [
    'webpack-hot-middleware/client',
    './src/js/entry.js'
],
output: {
    path: path.join(__dirname, 'dist'),
    filename: 'bundle.js',
    publicPath: '/'
},

一切正常，直到我决定将供应商模块移到不同的文件中，但没有工作。然后，我意识到用数组创建多个块(如前所述)与使用像下面这样的对象表示法创建不同之处

entry: {
    hot: 'webpack-hot-middleware/client',
    app: './src/js/entry.js'
},
output: {
    path: path.join(__dirname, 'dist'),
    filename: '[name].bundle.js',
    publicPath: '/'
}

我在我的app.bundle.js中同时包含了hot.bundle.js和hot.bundle.js，但这仍然不起作用。知道为什么吗？

Answer 1

如果您只想指定几个块，只需将热加载脚本添加到其中之一：

entry: {
    vandor: './vendor/vendor.js',
    app: ['webpack-hot-middleware/client', './src/js/entry.js']
},

如果你愿意的话，你可以动态地做：

entry: {
    vandor: ['./vendor/vendor.js'],
    app: ['./src/js/entry.js']
},
...
webpackConfig.entry.app.unshift('webpack-hot-middleware/client');