ExtractTextPlugin 打包c(diǎn)ss時(shí)報(bào)錯(cuò)！

webpack.prod.conf.js

"use strict";
const path = require('path');
const webpack = require('webpack');

//引入webpack開(kāi)發(fā)環(huán)境配置參數(shù)
const prodConf = require('../config').build;
//引入webpack基本配置
const baseConf = require('./webpack.base.conf');
//一個(gè)webpack配置合并模塊,可簡(jiǎn)單的理解為與Object.assign()功能類似！
const merge = require("webpack-merge");
//一個(gè)創(chuàng)建html入口文件的webpack插件！
const HtmlWebpackPlugin = require("html-webpack-plugin");
//一個(gè)抽離出css的webpack插件！
const ExtractTextPlugin = require("extract-text-webpack-plugin");
//一個(gè)壓縮css的webpack插件！
const OptimizeCSSPlugin = require("optimize-css-assets-webpack-plugin");
//一個(gè)拷貝文件的webpack插件！
const CopyWebpackPlugin = require("copy-webpack-plugin");


// 資源路徑
function assetsPath(dir) {
    return path.join(prodConf.assetsPath, dir)
}

const prod = merge({}, baseConf, {
    output: {
        //Build后所有文件存放的位置
        path: path.resolve(__dirname, '../dist'),

        //html引用資源路徑,可在此配置cdn引用地址！
        publicPath: prodConf.publicPath,

        //文件名
        filename: assetsPath('js/[name].[chunkhash].js'),

        //用于打包require.ensure(代碼分割)方法中引入的模塊
        chunkFilename: assetsPath('js/[name].[chunkhash].js')
    },
    module: {
        rules: [
            {
                test: /\.css$/,
                use: ExtractTextPlugin.extract({
                    use: ["css-loader", "postcss-loader"],
                    fallback: "vue-style-loader"
                })
            },
            {
                test: /\.less$/,
                use: ExtractTextPlugin.extract({
                    use: ["css-loader", "less-loader", "postcss-loader"],
                    fallback: "vue-style-loader"
                })
            }
        ]
    },
    plugins: [
        //將整個(gè)文件復(fù)制到構(gòu)建輸出指定目錄下
        new CopyWebpackPlugin([
            {
                from: path.resolve(__dirname, "../static"),
                to: prodConf.assetsPath,
                ignore: [".*"]
            }
        ]),

       
        new ExtractTextPlugin({
          filename: assetsPath('css/[name].[contenthash].css')
        }),
        // new ExtractTextPlugin('style.css'),

        new HtmlWebpackPlugin({
            filename: path.resolve(__dirname, '../dist/index.html'),
            template: 'index.html',
            favicon: path.resolve(__dirname, '../favicon.ico'),
            inject: true,
        })
    ]
})

module.exports = prod

當(dāng)我使用 ExtractTextPlugin 打包時(shí)便會(huì)報(bào)以下錯(cuò)誤

但我不使用 ExtractTextPlugin來(lái)打包c(diǎn)ss 就不會(huì)報(bào)錯(cuò)，能正常打包

style.css

// removed by extract-text-webpack-plugin 的地址

請(qǐng)問(wèn)是哪里寫錯(cuò)了嗎，我還重新下載了幾次這個(gè)模塊，也不管用