疑问

webpack 中可以根据 rules 规则定义 loader, 但是有时候我们针对某些特例单独指定 loader 规则, 该怎么办呢?

单独指定 loader

比如要加载背景图片, 背景图片比较大时, 加载会卡顿, 这样我们可以给他单独指定 loader 规则和参数.

如下:

import bg from 'url-loader?limit=99999999!../assets/bg.png';

清除默认 loader

如果在 webpack 中已经配置了 rules 规则, 上边的做法会在原来的 loader 之后在添加一个新的 loader, 如果想清除 webpack 中配置的loader, 在最前边加 ! 即可.

如下:

import bg from '!url-loader?limit=99999999!../assets/bg.png';

import loader 语法

import VARIABLE from '!loader2?p1=v1&p2=v2!loader1?p1=v2&p2=v2!../filepath.png';