在Vue项目中引入icon font Styl文件时遇到错误。从icomoon下载SVG并转换为Stylus文件后，通过安装stylus和stylus-loader解决报错。错误提示指向路径问题，通过修改Styl文件中fonts的路径，尝试相对路径和绝对路径，最终成功解决。提醒遇到问题时先理解错误再针对性地寻找解决方案。
用vue写程序想要引入icon font styl 文件时候，发现有错误，之前也学过同样的课程但没有出现这个错误，纠结了一个晚上后，第二天起来解决了问题，现在把过程记下，希望能够帮助到遇到同样问题的兄弟们。
首先我是在icon'moon 上下的svg 的css。以下传送门icomoon。强推一波这个网站，有好多svg图片，当然你也可以自己下载。粗略讲一下过程吧，懂的兄弟自动跳过这一part.......选择好你需要的图片后修改一下名字，点击右下角就可以打包下载。
解压后长这样 
然后将style文件和fonts文件扔到你的项目中去，我放进去的时候改了名称和文件类型，所以是如下图的icon.styl,项目结构长这样：
，
到这里，先别着急引入，你需要先安装stylus和stylus-loade，先在paxkage.json中添加以下两项，然后使用npm install安装：
扫一扫
6719
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
