vue项目在ie、360兼容模式页面显示空白问题

vue项目中，出现在ie与360兼容模式下打开页面呈现空白问题，如下：

控制台报main.js中语法错误~
上网搜了一下，大部分解决方案是在webpack配置中与main.js中引入babel-polyfill进行处理


由于项目是使用webpack.config.js手动搭建，并未使用vue-cli脚手架，引入babel-polyfill之后在ie、360浏览器中仍然是显示空白。。。

关注我的微信公众号【前端基础教程从0开始】，加我微信，可以免费为您解答问题。回复“1”，拉你进程序员技术讨论群。回复“小程序”，领取300个优秀的小程序开源代码+一套入门教程。回复“领取资源”，领取300G前端，Java，微信小程序，Python等资源，让我们一起学前端。

原因在webpack.config.js中，加载机只对es或者js文件的es6语法进行了es5转换，而.vue文件中的es6语法并未转换，ie、360兼容模式使用的是ie内核，对es6语法支持不好~

解决方法：
在项目根目录中，新建一个.babelrc文件
里面书写
{ “presets”: [“es2015”] }
然后再重新启动webpack -w进行编译， 完美解决~