vue项目在IE11下空白

今天遇到了vue项目在IE11下显示空白的地方，第一个反应是兼容性，然后仔细检查了一下项目，然后发现没有去安装babel-polyfill，所以就第一时间去安装：

npm install babel-polyfill -D

然后在main.js里引入（一般放在首行）：

import 'babel-polyfill'

然后在webpack.config.base.js里：

entry: {
	app:  ['babel-polyfill', './src/main.js']
}

// 在loader里还有最重要的一步，就是把有ES6语法的js文件所在的文件夹都需要包含进去，
// 这样才能保证将所有的ES6语法都编译成ES5的
{
	test: /\.js$/,
	loader: 'babel-loader',
	include: [
			resolve('src'),
			resolve(''test),
			resolve('mock')
		]
}

这样就OK了，页面能正常显示在IE11了。

公众号：Coder 杂谈，欢迎关注