将内联样式的背景图片转换成base64(暂时只支持html和vue文件)
$ npm install s-url-loader --save-dev
webpack.config.js
module.exports = {
module: {
rules: [
{
test: /\.(html)$/i,
use: [
{
loader: "html-loader",
},
{
loader: 's-url-loader'
},
],
},
{
test: /\.(vue)$/i,
use: [
{
loader: 'vue-loader'
},
{
loader: 's-url-loader',
},
],
}
],
},
};
vue.config.js
module.exports = {
chainWebpack: config => {
config.module
.rule('vue')
.use('s-url-loader')
.loader('s-url-loader')
.tap(options => {
return {
limit: 200 * 1024,
...options
}
})
}
}
Name | Type | Default | Description |
---|---|---|---|
limit |
{Boolean|Number|String} |
8 * 1024 |
匹配的图片最大的字节(小于此字节的图片不转换) |
include |
{String[]|RegExp} |
undefined |
需要转换的图片 |
exclude |
{String[]|RegExp} |
undefined |
不需要转换的图片 |