es6语法在IE浏览器下不兼容的问题

es6语法在IE浏览器下不兼容的问题

解析:因IE浏览器不兼容es6语法,所以需要将es6转化为es5语法

例如一:利用vue-cli脚手架搭建的vue项目,在IE浏览器下页面无法显示

解决:1.在项目下安装 npm install --save babel-polyfill (babel 无法为多数es6语法转化,babel-		  		polyfill 可以为es6后的语法进行转化为es5)
		  2.在main.js文件下引入 import "babel-polyfill"

es6语法在IE浏览器下不兼容的问题_第1张图片
3.在webpack.base.conf.js文件添加入口 app:[‘babel-polyfill’,’./src/main.js’]
es6语法在IE浏览器下不兼容的问题_第2张图片
4.在webpack.pro.config.js 跟换代码

 new webpack.optimize.UglifyJsPlugin({
      compress: {
        warnings: false
      }
    }),

es6语法在IE浏览器下不兼容的问题_第3张图片
5.创建 .babelrc 文件添加如下代码

{
   "presets": [
      "es2015"
    ],
    "plugins": []
}

例如二:使用ant-design UI插件,也需要安装 npm install --save babel-polyfill ,

		1.在main.js文件引入 babel-polyfill 
		2.在babel.config.js 文件下添加
[
      '@babel/preset-env',
      {
        'useBuiltIns': 'entry'
      }
    ]

es6语法在IE浏览器下不兼容的问题_第4张图片

你可能感兴趣的:(其他)