Skip to content

vue-cli库模式打包

如下是ofd.js这个依赖打包库的方式,他用到了vue-cli的库模式(lib )。这种打包方式很方便,但是在ie的兼容性上略有欠缺

powershell
vue-cli-service build --modern --target lib --name ofd --dest lib ./src/utils/ofd/ofd.js

vue官方文档对于库模式的兼容性做出过解释:

关于 IE 兼容性的提醒

在库模式中,项目的 publicPath 是根据主文件的加载路径动态设置的(用以支持动态的资源加载能力)。但是这个功能用到了 document.currentScript,而 IE 浏览器并不支持这一特性。所以如果网站需要支持 IE 的话,建议使用库之前先在页面上引入 current-script-polyfill

于是我们需要在打包的文件入口前导入 current-script-polyfill 这个依赖(对于上面所说的ofd.js当然就是 ./src/utils/ofd/ofd.js 为入口文件),示例:

javascript
import 'current-script-polyfill'

然后打包出来的库即可兼容ie

鄂ICP备19018246号-1