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

Posted guoguor

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vue-cli生成项目后添加静态资源,第三方js库相关的知识,希望对你有一定的参考价值。

一,从入口文件引入出错:

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 引入第三方库的方法最好不是从主页面引入,而是边使用边引入

以上是关于vue-cli生成项目后添加静态资源,第三方js库的主要内容,如果未能解决你的问题,请参考以下文章

vue-cli 4.x版本项目打包之前需要做的操作

全面解析vue-cli生成的项目中使用其他库(js库css库)

脚手架vue-cli工程webpack的作用和特点

vue-cli脚手架目录讲解

webpack工具

webpack工具