vue cli3 兼容ie浏览器

安装依赖
cnpm install --save babel-polyfill

cnpm install es6-promise --save

在main.js导入
import '@babel/polyfill';
import Es6Promise from 'es6-promise'
Es6Promise.polyfill()

.babelrc文件内配置
{
"presets": [
[
"@vue/app",
{
"useBuiltIns": "entry",
"polyfills": [
"es6.promise",
"es6.symbol"
]
}
]
]
}

babel.config.js文件中配置
module.exports = {
presets: [
[
"@vue/app",
{
"useBuiltIns": "entry",
polyfills: [
'es6.promise',
'es6.symbol'
]
}
]
],
};

vue.config.js文件中配置
chainWebpack: config => {
config.module
.rule('iview')
.test(/iview.src.*?js/) .use('babel') .loader('babel-loader') .end() if (process.env.NODE_ENV === 'production') { config.plugin('compressionPlugin') .use(new CompressionPlugin({ test: /\.js|.html$|.\css/, // 匹配文件名
threshold: 10240, // 对超过10k的数据压缩
deleteOriginalAssets: false // 不删除源文件
}))
}
config.resolve.alias
.set('@', resolve('src')) // key,value自行定义,比如.set('@@', resolve('src/components'))
.set('_c', resolve('src/components'))
.set('@plugins', resolve('src/plugin'))
},

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容