如何使用webpack从.less中提取common.css？

Question

我有一些自己无条件的参赛作品 我想将常见的CSS提取到common.css

entry: {
    index: ['./client/js/index.js'],
    login: ['./client/js/login.js']
},
module: {
    loaders: [
        ....
        {test: /\.css$/, loader: ExtractTextPlugin.extract('style', 'css')},
        {test: /\.less$/, loader: ExtractTextPlugin.extract('style', 'css!less')}
        ....
    ]
},
plugins: [
    new ExtractTextPlugin('css/[name].css'),
    new webpack.optimize.CommonsChunkPlugin({
        minChunks: 2,
        name: 'common'
    })
]

但如果我使用.less文件

，我无法生成common.css

如果我使用.css文件 - 生成common.css！

如何从.less获得common.css？

Answer 1

你的webpack.optimize.CommonChunkPlugin设置应该是“commons”，“commons.js”，如：

// ...
module.exports = {
    // ...
    plugins: [
        new webpack.optimize.CommonsChunkPlugin("commons", "commons.js"),
        new ExtractTextPlugin("[name].css")
    ]
}