使用npm打包上传后,发现调用的img资源路径不对,无法显示出来。
第一种方法可以将图片转化成base64格式或者引用在线资源进行调用
第二种是使用url-loader,在webpack.config.js中修改代码:
{
test: /\.(png|jpg|gif|svg)$/,
loader: 'url-loader',
options: {
name: '[name].[ext]?[hash]',
limit: 99999
}
},
就可以解决这个问题了
ps:如果不行的话,先将dist文件删除,然后再打包上传一下。