vue 使用iconfont报错Uncaught SyntaxError: Unexpected token <

Question

因为环境问题，使用下载到本地的形式来使用iconfont，之前是使用cdn的形式，cdn是能够正常显示出图标，但是换成本地的就报错：

一下是代码：

请问这个问题改如何解决？

Answer 1

iconfont.css应该是要依赖iconfont.js吧？为什么不都用 import导入呢？一个导入一个用script引入我觉得有点问题。

Answer 2

我碰到了一样的问题，提示“Unexpected token <”错误。

我之前的做法是，在index.html文件中采用symbol方式引入:
<script src="./assets/icons/iconfont.js"></script>

然后提示出错。我猜测是，iconfont.js文件中某些语法需要处理之后才能被读取，而这个index.html没有得到需要的处理。当然这是猜测，我并不清楚真正原因。

不知怎么处理，我就迂回绕过了，也即直接在xxx.vue文件里面引入：
import "@/assets/icons/iconfont.js"

当然，同样要设置style，于是就可以用svg标签来显示图标了。