最近看了一篇关于使用icon的文章:如何优雅的使用icon
这篇文章主要讲了矢量图(icon,svg)的各种使用方式。。。
其中有一种方法是在webpack中配置svg-sprite-loader,然后引入svg文件来使用
于是我尝试在vue-cli项目中使用这个方法,一路顺风没什么问题。但最近要做uniapp项目,于是我就尝试在新项目中再这样做,但出了点问题。
我在vue.config.js文件中这样配置:
然后运行项目就报错了:
报错信息:Failed to resolve loader: svg-sprite-loader
You may need to install it.
翻译过来是:无法解析加载程序:svg-sprite-loader
您可能需要安装它。
我对这个错误的理解是程序在执行webpack的配置时没有找到svg-sprite-loader插件
于是我就开始百度解决方案,搜索了:uniapp使用loader、 uniapp使用loader时报错 、 uniapp的默认loader如何更改、
uniapp配置vue.config.js,我找了很久也试了很多方法:依赖文件也装了卸很多次、配置transpileDependencies 。。。
但都没有丝毫作用,这个icon的使用方法很简洁,而且还有很多其他优点,希望对这个感兴趣的兄弟能新建个uni项目一起研究下这个问题。