webpck 之(15) 优化配置 之 oneOf

开发环境和生产环境皆可

oneOf的作用:

    以下loader只会匹配一个  比如  这是css文件,在处理后,就不会再往下走 去验证是否是less.js,图片的内容,这样就加快了打包速度

   //注意:不能有两个配置处理同一种类型文件

问题:为什么oneOf上面为什么还有一个js的loader处理呢?

因为js要处理两个内容: 一个是js的语法检测,另一个是js的兼容处理

module.exports ={
  module: {
     rules: [
       {
           test:/.js$/,
           exclude:/node_modules/ ,
           //优先执行
           enforce:'pre',
           loader:'eslint-loader',
           options: {
               fix: true
           }
       },
      {
         oneOf:[
            //这里面有对css,less,html,图片,js的处理
         ]
       }
     ]
  }
}