vue项目兼容ie浏览器
2020-01-17 本文已影响0人
any_5637
vue项目兼容ie浏览器
- 配置babel-polyfill
- 安装依赖babel-polyfill：
npm install --save babel-polyfill - 配置webpcak.base.conf.js: 将打包入口使用包裹
```JS
entry: {
app: ['babel-polyfill', './src/main.js']
},
```
- 在main.js文件配置：
import 'babel-polyfill' //放在最顶部，确保全面加载。 - 在webpack.base.conf.js配置依赖中有es6语法的依赖使用babel转换：
{
test: /\.js$/,
loader: 'babel-loader',
include: [
resolve('src'),
resolve('test'),
resolve('static'),
resolve('node_modules/webpack-dev-server/client'),
resolve('node_modules/element-ui/src'),
resolve('node_modules/element-ui/packages'),
resolve('node_modules/easyscroll')
]
},
- 配置es6-promise：
- 安装：
npm install es6-promise - 在main.js中导入：
import 'es6-promise/auto' - 在index.html中写入：
<meta http-equiv="Cache-control" content="no-cache"> // 禁止浏览器缓存
<meta http-equiv="X-UA-Compatible" content="IE=10" > // 让ie浏览器支持最高的兼容性，本项目在ie10下展示效果更佳，因此写的ie10
