如何在 vue-cli 项目中引入外部压缩过的 JS 文件?
如何在 vue-cli 项目中引入外部压缩过的 js 文件?
一、需求描述:
项目中需要引入一些 js 文件,这些文件是压缩过的,我并不知道要导出哪些对象。
二、临时方案
我目前只能把这些压缩过的 js 文件放在 /static 目录下,并在 index.html 主入口中使用 script 标签引入 ./static 目录下的压缩后的 js 文件。
使用这种方式,我可以在 vue 模板中使用到压缩 js 中的函数。
三、临时方案带来的隐患
但这种方式我看着不规范,没有完全的使用到模块化开发,我不能完全把控会不会给项目带来难以想到的问题。他就像一个黑盒,我不知道他的函数、对象会给我的组件造成哪些不好的影响。其中 jquery 我也是这样引入的。
我还试着将压缩过的 js 文件,使用一个立即函数将其包括:
export function(){
// 压缩代码
}();
在 main.js 中引入,可我搞不清压缩代码都是什么,这种方法不了了之,实在无法探索了。
我也想知道,您后来解决了吗?
不需要非把外部 JS 打包到项目中吧,打包进去文件太大,加载会很慢的?有时为了减小打包体积,使用 CDN 加载第三方 JS 库,都是以 script 标签方式引入的,这样引入没什么问题。