使用vue-cli搭建项目的使用,需要引入font-icon文件,报错的解决办法
报错内容是这样的于是乎,我就找到了我引入文件的地方,路径是这样写的:我的项目结构是这样的:按理说,应该是没毛病呀???我就是在网上搜了好多资料,觉得是和webpack配置相关,但是又不知道改什么。因为我是用vue-cli搭建的项目,好多东西都配置的差不多了,所以不需要改变什么,但是我还是去找了他的相关配置,在build->webpack.ba
·
报错内容是这样的
于是乎,我就找到了我引入文件的地方,路径是这样写的:
按理说,应该是没毛病呀???
我就是在网上搜了好多资料,觉得是和webpack配置相关,但是又不知道改什么。因为我是用vue-cli搭建的项目,好多东西都配置的差不多了,所以不需要改变什么,但是我还是去找了他的相关配置,在build->webpack.base.conf.js中也找到了woff2、eot、ttf、otf相关的配置,觉得不需要在配置什么了。如下图是vue-cli搭建的项目中的配置:
然后发现了一个地方,就是loader加载上的不同,我们webpack中配置的是url-loader,然而在icon-font.scss中却写的是url,顿时好像是懂了什么,把icon-font.scss改成这个加载就可以了
或者按照网上有的资料写的写成这种也可以
只要都改成url-loader就可以了。
但是都改成url我试着是不可以的。
更多推荐
已为社区贡献5条内容
所有评论(0)