vue-cli2.0项目兼容ie8以上版本配置

最新推荐文章于 2024-03-11 11:31:05 发布

原创最新推荐文章于 2024-03-11 11:31:05 发布 · 1.2k 阅读

4 ·

CC 4.0 BY-SA版权

本文详细介绍了如何配置Vue CLI2.0项目以兼容IE8及以上版本的浏览器，包括修改HTML元信息、安装并配置babel-polyfill、调整webpack配置等步骤。

vue-cli2.0项目兼容ie8以上版本配置

注意一定要用npm安装依赖包！！！！！

1修改根目录的index.html文件

在这里插入图片描述
加入如下一行代码

<meta http-equiv="X-UA-Compatible" content="IE=edge">

在这里插入图片描述

2npm安装依赖

安装babel-polyfill 
npm install babel-polyfill --save-dev

3入口文件引用

在main.js中引用 
import 'babel-polyfill'

4vue-cli 配置修改

需要在webpack.base.config.js配置文件中做各修改，用 
module.exports = { 
entry: { 
app: ["babel-polyfill", "./src/main.js"] 
} 
}; 
替代 
module.exports = { 
entry: { 
app: './src/main.js' 
} 
}

5添加rules规则

需要在webpack.base.config.js配置文件中做修改

{
    test: /\.js$/,
    loader: 'babel-loader',
    include: [resolve('src'), resolve('test'), resolve('node_modules/webpack-dev-server/client'), resolve('node_modules/element-ui/src')]
}

在这里插入图片描述