module.exports = {
module: {
rules: [
{
test: /\.(png|jpg|gif)$/,
use: [
{
loader: 'url-loader',
options: {
// limit: 100000, //单位为bit
limit: 1000, //单位为bit
fallback: {
loader: 'file-loader',
options: {
name: '[name]-[hash].[ext]',
outputPath: 'asset/'
}
}
}
}
]
},
}
}
url-loader超过imit会走fallback,所以要file-loader配置要写在fallback里。如果像平常一样写完url-loader配置再区写file-loader会出现图片打包了,但是你用到图片的地方也转成了base64导致出现打包成功但是图片是base64不能显示图片的情况,这是我练习遇到的情况,不知道你们是不是i也是这种情况。