下载了几个IconFont的图标,想引入压缩包里的css,再用<i class="iconfont icon-xxx"></i>的方式使用,未成功~
项目目录如下:
几种引入方式及表现如下:
1.在index.html内用<link rel="stylesheet" href="src/css/iconfont.css">引入;
表现:npm未报错,但浏览器调试network如下,iconfont.css文件状态为404
2.在main.js引入:import './css/iconfont.css';或在使用到此图标的.vue组件内引入:
<style>
@import '../css/iconfont.css'
</style>
表现相同,如下报错且调试network无iconfont.css文件:
看报错好像是css文件被当成了模块,是这样的引入方式有误吗?还是别的什么原因?
求指教~谢谢!
繁华开满天机
相关分类