.cur 图片加载提示 You may need an appropriate loader to handle this file type

最近一个gis 项目需要加载一个.cur的图标，但是编译时提示

You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file. See https://webpack.js.org/concepts#loaders (Source code omitted for this binary file)

显然是少配置了一个loader，接下来就开始配置

cli2 直接在webpack.base.config.js的module的 rules中新增如下配置即可

      {test: /\.(cur)(\?.*)?$/,loader: 'url-loader',options: {limit: 10000,name: utils.assetsPath('cur/[name].[hash:7].[ext]')}},

而cli3 就更简单了，直接在vue.config.js中新增如下配置

chainWebpack: config => {config.module.rule('url-loader').test(/\.(cur)(\?.*)?$/).use('url-loader').loader('url-loader').end()},

配置详情可以参考官网 https://cli.vuejs.org/guide/webpack.html#adding-a-new-loader

特此记录希望对有需要的伙伴一点帮助

本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场，不承担相关法律责任。如若转载，请注明出处。 如若内容造成侵权/违法违规/事实不符，请点击【内容举报】进行投诉反馈！