- 安装
url-loader和file-loader
npm i url-loader file-loader -D
- 在 webpack.config.js 的 module -> rules 数组中,添加loader 规则如下;
{test: /\.jpg|png|gif|bmp|ttf|eot|svg|woff|woff2$/, use: 'url-loader?limit=27151'}
其中?之后的是 loader的参数项。
limit用来指定图片的大小,单位是字节(byte),只有小于limit大小的图片,才会被转为base6图片