如何在 vue-cli 项目中引入外部压缩过的 JS 文件?

如何在 vue-cli 项目中引入外部压缩过的 js 文件?

一、需求描述:

项目中需要引入一些 js 文件,这些文件是压缩过的,我并不知道要导出哪些对象。

二、临时方案

我目前只能把这些压缩过的 js 文件放在 /static 目录下,并在 index.html 主入口中使用 script 标签引入 ./static 目录下的压缩后的 js 文件。
使用这种方式,我可以在 vue 模板中使用到压缩 js 中的函数。

三、临时方案带来的隐患

但这种方式我看着不规范,没有完全的使用到模块化开发,我不能完全把控会不会给项目带来难以想到的问题。他就像一个黑盒,我不知道他的函数、对象会给我的组件造成哪些不好的影响。其中 jquery 我也是这样引入的。
我还试着将压缩过的 js 文件,使用一个立即函数将其包括:

export function(){
// 压缩代码
}(); 

在 main.js 中引入,可我搞不清压缩代码都是什么,这种方法不了了之,实在无法探索了。

四、问题来了,请问除了在主入口文件中进行全局引入,有没有什么办法,能让这个压缩过的 js 内容,添加到 webpack 打包后的 app.js 文件里面去?当然这个问题仍然不能解决全局引入的问题,我想除非完全了解压缩内容,不然真无法彻底模块化引入?您有什么好的建议?谢谢!

not only a learner , but also a user .
ruodee
讨论数量: 2

我也想知道,您后来解决了吗?

2年前 评论

不需要非把外部 JS 打包到项目中吧,打包进去文件太大,加载会很慢的?有时为了减小打包体积,使用 CDN 加载第三方 JS 库,都是以 script 标签方式引入的,这样引入没什么问题。

2年前 评论

讨论应以学习和精进为目的。请勿发布不友善或者负能量的内容,与人为善,比聪明更重要!