webpack优化系列(3)-oneOf

正常来讲,一个文件只能被一个loader处理。当一个文件要被多个loader处理,那么一定指定loader执行的先后顺序:比如js文件先执行 eslint 再执行 babel

问题:假如我设置了七八个loader处理相应的文件,虽然test正则校验文件名称后缀不通过,但是每个文件还是都要经过一下这七八个loader,设置oneOf就是处理这个,如果找到了某一个文件的处理loader,就直接用,不用再过后面的loader了,提高构建速度。

注意:不能有两个配置处理同一种类型文件。比如:eslint-loader和babel-loader都处理同一种文件类型,所以可以把eslint-loader提取出来。

具体写法如下:

rules: [
    {
        oneOf: [
            // loader设置
            {}
        ]
    }
]

oneOf的作用就是优化生产环境的打包构建速度。

系列相关

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值