vue cli 3.0 配置url-loader的问题

使用JPG格式的图片时报错

       <img
        class="film-image"
        src="~@/assets/images/CT.JPG"
        alt=""
      >

image.png
jpg格式的文件就没问题,这还分大小写的?

网上查了下需要安装配置file-loader和url-loader,可是3.0的不知道怎么配置,vue.config.js文件的代码如下:

module.exports = {
    chainWebpack: (config) => {
        
        config.module.rule('images')
              .test(/\.(png|jpe?g|JPG|gif|svg)(\?.*)?$/)
              .use('url-loader')
              .loader('url-loader')
    }
}

不知道是不是我写的不对,还是说需要配置file-loader?其实就算不配置,别的格式的图片都可以,就这个JPG格式不行,vue cli 3.0的写法不太熟,请大佬指教。

阅读 4.1k
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题