var webpack = require('webpack');
var merge = require('@ersinfotech/merge');
var ExtractTextPlugin = require('extract-text-webpack-plugin');
//加载JS模块压缩编译插件
const UglifyJsPlugin = require('uglifyjs-webpack-plugin');
var webpackConfig = require('./webpack.config');
const CleanWebpackPlugin = require('clean-webpack-plugin');
var path = require('path');
process.env.NODE_ENV = 'production';

var utils = require('./utils');

const productionConfig = {
    devtool: 'cheap-module-source-map',
    module: {
        loaders: [
            { test: /\.css$/, loader: ExtractTextPlugin.extract("style-loader", "css-loader", {publicPath:'../'}) },
            { test: /\.less$/, loader: ExtractTextPlugin.extract('style-loader', 'css-loader!less-loader', {publicPath:'../'}) },
        ]
    },
    plugins: [
        new CleanWebpackPlugin(['dist/*.*']),
        new webpack.optimize.UglifyJsPlugin(),
        new webpack.DefinePlugin({
            'process.env.NODE_ENV': JSON.stringify(process.env.NODE_ENV || 'production')
        }),
        new ExtractTextPlugin('css/[name].[contenthash].css', {allChunks: true}), // 单独打包CSS
    ]
}

module.exports = merge(webpackConfig, productionConfig);

以上是代码 ，有大神知道 ，除了上面的配置，还有什么地方需要 配置一下嘛， 现在打包是成功，但是css还是跟js 打包在一起。

 import './main.less'

在项目中是这样引入了。

extract-text-webpack-plugin 版本是 3.0.0.

有哪位大神配置过，指导一下。