Question

当我在CommonChunkPlugin的帮助下创建chunk时，extract-text-webpack-plugin不会从登陆块中提取css。有什么想法吗？

config: {
plugins: [
    new webpack.optimize.CommonsChunkPlugin({
        chunks: [
            'vzr',
            'vzrProduct',
            'emptyProduct'
        ],
        async: 'landings'
    }),
    new ExtractTextPlugin({
        filename: '[name].[contenthash].css',
        allChunks: true
    })
  ]
}

Answer 1

Javascript Objects必须以冒号分隔key和value。在您的情况下，您有plugins: {}并向其插入一系列函数，我们可以将其称为keys，但后面没有冒号和value，而是逗号。< / p>

根据this plugins，不是object，而是array值。所以，而不是：

config: {
  plugins: {
    new webpack.optimize.CommonsChunkPlugin({
      chunks: [
        'vzr',
        'vzrProduct',
        'emptyProduct'
      ],
      async: 'landings'
  }),
  new ExtractTextPlugin({
    filename: '[name].[contenthash].css',
    allChunks: true
  })
}

}

相反：

config: {
  plugins: [
    new webpack.optimize.CommonsChunkPlugin({
      chunks: [
        'vzr',
        'vzrProduct',
        'emptyProduct'
      ],
      async: 'landings'
    }),
    new ExtractTextPlugin({
      filename: '[name].[contenthash].css',
      allChunks: true
    })
  }
]

extract-text-webpack-plugin不提取css

1 个答案: