新建項目安裝好依賴包之后報錯
Module build failed: Error: "extract-text-webpack-plugin" loader is used without the corresponding plugin

解決方法：

在 webpack.dev.conf.js 中添加extract-text-webpack-plugin 配置

const ExtractTextPlugin = require('extract-text-webpack-plugin')

plugins: [
    .............
    new ExtractTextPlugin({
      filename: utils.assetsPath('css/[name].[contenthash].css'),
      allChunks: false,
    }),
  ]

重新 npm run dev 就成功運行了

文檔： webpack-ExtractTextWebpackPlugin

1. 用途：
   它將所有的入口chunk(entry chunks)中引用.css，獨立到移動分離的css文件。因此，樣式將不再內(nèi)嵌到JS bundle中，而是會放到一個單獨的CSS文件（即style.css）當中。如果樣式文件大小較大，會更快提前加載，因為CSS bundle 會跟 JS bundle并行加載
2. 用法：

  const ExtractTextPlugin = require('extracrt-text-webpack-plugun')

module.exports = {
  module: {
    rules: [
      {
        test: /\.css$/,
        use: ExtractTextPlugin.extract({
          fallback: "style-loader",
          use: "css-loader"
        })
      }
    ]
  },
  plugins: [
    new ExtractTextPlugin("styles.css"),
  ]
}

3. 更多配置參考文檔： https://webpack.docschina.org/plugins/extract-text-webpack-plugin/