最近自己在手动搭建博客,就自己配了一套webpack
,但是在开发过程程中,遇到了这么一个问题,就是我配置了url-loader
,但是还是打包报错,就是很纳闷,刚开始怀疑是路径的问题,loader
解析不到,说以报错,可惜并不是,最终经过一系列鼓捣之后,终于终于发现了问题的所在,首先,先看下我的url-loader
的配置
{
test: /\.(png|gif|jpe?g)$/,
use: {
loader: 'url-loader',
options: {
limit: 10240,
name: 'img/[name].[ext]',
}
}
},
很简单,就是小于1兆
,打包成base64
的形式,如果大于就走file-loader
,重点就是这句,这里走并不代表它会自动去下载file-loader
而是它内部去找file-loader
,而我本地是没有下载file-loader
的,所以就造成打包报错了,这就很尴尬,于是乎,
npm i file-loader -D
完美解决~