extract-text-webpack-plugin not extracting css

Question

When I created chunk with the help of CommonChunkPlugin, extract-text-webpack-plugin doesn`t extract css from landings chunk. Any ideas?

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

Have you tried plugins: [ ... ] instead of plugins: { ... }? — Siya Mzam
– Siya Mzam, Commented Nov 28, 2017 at 19:49

Siya Mzam · Accepted Answer · 2017-11-28 20:28:01Z

1

Javascript Objects must have a key and value separated by a colon. In your case, you have plugins: {} and inserting to this a series of functions, which we may call keys, but that are not followed by a colon and a value but a comma.

According to this plugins are not an object but an array of values. So, instead of:

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

}

Rather:

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

answered Nov 28, 2017 at 20:28

Siya Mzam

4,7251 gold badge31 silver badges46 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Siya Mzam Over a year ago

Please post it as an answer so that somebody else who runs into the same problem may get help

Aleskei Sakharov · Accepted Answer · 2017-11-29 15:44:04Z

I added the function into minChunk and problem is solved. CommonChunkPlugin stopped to extract css and less modules

config: {
plugins: [
    new webpack.optimize.CommonsChunkPlugin({
        chunks: [
            'kaskoLanding',
            'kaskoLandingProduct',
            'kaskoCalculator',
            'kaskoCalculatorProduct',
            'osagoCalculator',
            'osagoCalculatorProduct',
            'vzr',
            'vzrProduct',
            'emptyProduct'
        ],
        minChunks: (module, count) => {
            if (module.resource && (/^.*(css|less)$/).test(module.resource)){
                return false;
            }

            return count >= 9;
        },
        async: 'landings'
    }),
    new ExtractTextPlugin({
        filename: '[name].[contenthash].css',
        allChunks: true
    })
]

}

Collectives™ on Stack Overflow

extract-text-webpack-plugin not extracting css

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related