vue-cli生成项目后添加静态资源，第三方js库

时间：2020-08-05 20:59:41 收藏：0 阅读：128

一，从入口文件引入出错：

vue-cli 生成项目后，在入口文件 index.html 中引入本地静态js时，出现了错误

Uncaught SyntaxError: Unexpected token <

这个错误属于文件路径的问题。vue 编译时会解析地址，放在 src 文件夹中或者主文件夹中会被编译，

应当将index.html所在的文件夹 ‘public’ 视为本地地址，

<%= BASE_URL %>

在 public 文件夹下创建 static 文件夹，将静态资源放入其中。

<script src="<%= BASE_URL %>static/xx.js" type="text/javascript" charset="utf-8"></script>

TBC，vue 引入第三方库的方法最好不是从主页面引入，而是边使用边引入