vue打包后,大于某字节后图片找不到,怎么办

{
        test: /\.(png|jpe?g|gif|svg)(\?.*)?$/,
        loader: 'url-loader',
        options: {
          limit: 10000,
          name: utils.assetsPath('img/[name].[hash:7].[ext]')
        }
},

以该配置为例:

图片大于10000字节时他不会被编译。当你用src引的时候,就会找不到图片。那个时候,你可以,使用v-bind进行自定义指令,在data中进行图片路径的相对引入。

例如:imgdata: require(‘../../assets/img/user/1.png’), 这样在打包后就避免了图片途径找不到的问题。

猜你喜欢

转载自blog.csdn.net/xiasohuai/article/details/81388800