1.loader配置

url-loader
**
postcss-loader

vue-loader配置文档

{
  test:/\.vue$/,
    use:{
      loader: 'vue-loader'
    }
}

babel-loader

{
  test:/\.js$/,
    exclude: /(node_modules)/,
      use: {
        loader: 'babel-loader',
          options: {
            presets: [
              '@babel/preset-env',
              '@babel/preset-react'
            ]
          }
      }
},

css-loader

  const _ExtractTextPlugin = new ExtractTextPlugin({
    filename:'[name].min.css',//坑这里写成了.js
    disable:false
  })

  {
    test:/\.css$/,
      use: _ExtractTextPlugin.extract({
        fallback: "style-loader",
        use: [{
          loader:"css-loader",
          options:{//关键代码 抽离对应css
            modules:false
          }
        }],
      })
  },

sass-loader

{
   test:/\.scss$/,
     use:_ExtractTextPlugin.extract({
       fallback:"style-loader",
       use:[{
         loader:"css-loader",
         options:{//关键代码 抽离对应css
           modules:false
         },
       },
            "sass-loader"
           ]
     })
 }

less-loader

{
  test:/\.less$/,
    use:_ExtractTextPlugin.extract({
      fallback:"style-loader",
      use:[{
        loader:"css-loader",
        options:{//关键代码 抽离对应css
          modules:false
        },
      },"less-loader"]
    })
}