vue引用public中的js文件

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vue引用public中的js文件相关的知识,希望对你有一定的参考价值。

参考技术A 由于一些演示,需要对编码名称等可快速进行修改,需要页面方便配置。由于build后的vue项目基本已经看不出原样,因此需要创建一个文件,并在打包的时候不会进行编译。

例如config.js定义了一个变量叫config,并在index.html页面引入后,那么在页面任何一处地方都可以直接使用。   
config.js:

index.html:

页面使用:

在开发环境中,我在public下创建了config.js文件,并且用export default方法进行导出。在页面使用的地方使用import config from XXX进入引入。开发过程中,没有出问题,但是在打包发布以后,发现修改config文件并不生效。

经过排查才意识到:不打包编译的js文件不识别es6语法,并且不应该使用import方法进行引入,应该按照原生的js文件进行使用。

原文地址: https://www.cnblogs.com/luoxuemei/p/11926472.html

vue中怎么引用外部JS中的变量

参考技术A vue-loader么... 如果是vue-loader可以通过 require来引入就可以 比如Js文件写到assets/js中 在main.js中可以 require('./src/assets/xxx.js') 如果只是单页面html,可以直接引入就行了

以上是关于vue引用public中的js文件的主要内容,如果未能解决你的问题,请参考以下文章

vue文件里面怎么引用外部的js文件

vue引用并使用本地js(局部引用,全局引用)

Encore Vue.js 风格编译错误文件夹

vue中怎么引用外部JS中的变量

axios请求VUE-CLI3项目本地json文件404

vue各文件详解——store.js