css - extract-text-webpack-plugin 不提取 css

Question

当我在 CommonChunkPlugin 的帮助下创建 block 时，extract-text-webpack-plugin 不会从着陆 block 中提取 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 而是一个逗号。

根据 this plugins 不是对象，而是值的数组。所以，而不是:

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
    })
  }
]