由于项目中使用粒子动画,开发时使用的谷歌浏览器,所以一切都很完美,直到用ie浏览器测试时,整个项目都空白了,包了个缺少“:”的错,之后查找到
vue-particles 源码使用的也是es6 语法,所以只加一个“ babel-polyfill” main.js 引用下根本没用,
再三查找之后终于解决:解决办法:
找到:buplic /webpack.base.conf.js 文件
1.在loader: 'babel-loader',下加两句话(加粗那两句)
{
test: /\.js$/,
loader: 'babel-loader',
include: [
resolve('src'),
resolve('test'),
resolve('node_modules/webpack-dev-server/client'),
resolve('node_modules/_vue-particles'),
resolve('node_modules/vue-particles')
]
},
2.原理 :因为 vue-particles也使用es6语法。ie识别不了,所以还是的转换下就这样了吧。