4.样式抽离

安装

yarn add extract-text-webpack-plugin

使用

  //引入实例  
  const ExtractTextPlugin = require("extract-text-webpack-plugin");
  const _ExtractTextPlugin = new ExtractTextPlugin({
    filename:'[name].min.css',//坑这里写成了.js
    disable:false
  })
  //loader
  {
     test:/\.css$/,
       use: _ExtractTextPlugin.extract({
         fallback: "style-loader",
         use: [{
           loader:"css-loader",
           options:{//关键代码 抽离对应css
             modules:false
           }
         }],
       })
   },
  //插件使用
  plugins.push(_ExtractTextPlugin);