vue-cli库模式打包
如下是ofd.js这个依赖打包库的方式,他用到了vue-cli的库模式(lib )。这种打包方式很方便,但是在ie的兼容性上略有欠缺
powershell
vue-cli-service build --modern --target lib --name ofd --dest lib ./src/utils/ofd/ofd.jsvue官方文档对于库模式的兼容性做出过解释:
关于 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