webpack 抽离出vue组件中的样式

Question

运行时候，报了个错，

// nodejs 中的path模块
var path = require('path');
var ExtractTextPlugin = require('extract-text-webpack-plugin');//css样式从js文件中分离
module.exports = {
    resolve:{
        extensions: ['', '.js', '.vue'],
        alias:{
            components:path.join(__dirname,"./components")
        }
    },
    module: {
        loaders: [
            {
                test: /\.vue$/,
                loader: 'vue',
                exclude: /node_modules/
            },
            {
                test:/\.js?$/,
                loaders:['babel','eslint'],
                exclude: /node_modules/
            },
            {
                test: /\.css$/, 
                loader: 'style!css'
            }
        ]
    },
    vue: {
        loaders: {
            js: 'babel', 
            css: ExtractTextPlugin.extract('vue-style-loader', 'css-loader', 'sass-loader'),
            sass: ExtractTextPlugin.extract("css!sass")            
        },
    },
    plugins: [
        new ExtractTextPlugin('src/css/style.css',{
            allChunks: true,
        }) //提取出来的样式放在style.css文件中
    ]
};

各位看下，哪里出错了？

Answer 1

重新安装webpack2.0.