美文网首页
【web前端】transpileDependencies无效怎么

【web前端】transpileDependencies无效怎么

作者: 林哥学前端 | 来源:发表于2020-09-29 17:12 被阅读0次

在使用vue时,node_modules里面的文件不会经过babel再编译一遍,所有有些库里使用了const之类的es6属性,而且这些库在打包的是也没有考虑兼容ie,比如常用的swiper。所以最后导致项目在ie中会报错。

在网上查了一番以后发现,可以指定一个库在打包的时候需要编译,使用transpileDependencies这个属性
在vue.config.js中配置

module.exports = {
  transpileDependencies: ['swiper'],
}

但是配置完再打包,并没有变化,查询一番以后发现有人说可以,有人说无效
研究半天后发现

安装依赖的时候要使用npm,不能使用cnpm

把原来的依赖全部删除,再用npm重新安装就行了
相关链接
https://cli.vuejs.org/zh/config/#transpiledependencies

相关文章

网友评论

      本文标题:【web前端】transpileDependencies无效怎么

      本文链接:https://www.haomeiwen.com/subject/zqieuktx.html