多入口

需要将entry设置为对象才是多入口。如果设置为数组还会是一个入口。

module.exports = {
  entry: {
    index: './src/index.js',
    index2: './src/index2.js'
  },
  ouput: {
    filename: '[name].bundle.js'
  },
  plugins: [
    new HtmlWebpackPlugin({
      title: '出口1',
      template: './src/index.html',
      chunks: ['index1']
    }),
    new HtmlWebpackPlugin({
      title: '出口1',
      template: './src/index2.html',
      chunks: ['index2']
    }),
  ]
}

提取公共模块

有些模块会在多处引用，此时将这些模块提取为公共模块是较好的选择。

module.exports = {
  optimization: {
    splitChunks: {
      chunks: 'all',    // all意味着所有的都提取出来
    }
  }
}