VUE + element 使用 vue-particles粒子动画 兼容IE 浏览器解决方案

由于项目中使用粒子动画,开发时使用的谷歌浏览器,所以一切都很完美,直到用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识别不了,所以还是的转换下就这样了吧。

 

  

 

 

你可能感兴趣的:(前端,vue)