使用vue-cli搭建項目,面臨著解決ie兼容性問題(ie9+),因為ie瀏覽器并不支持es6語法等。
首先安裝babel-polyfill,解決ie不支持promise對象的問題
npm install --save-dev babel-polyfill
安裝成功之后,在main.js第一行引入
安裝引入成功之后,如果項目還不能正常運行
則需要安裝babel進行解析
(推薦阮一峰老師的文章http://www.49028c.com/article/141931.htm)
我自己是安裝了babel-preset-es2015和babel-preset-stage-2
在.babelrc里面進行配置
{ "presets": ["stage-2","es2015"], "plugins": ["transform-vue-jsx", "transform-runtime"]}
然后在webpack.base.config.js進行配置
腳手架搭建的項目里面都有這個方法:
function resolve(dir) { return path.join(__dirname, dir)}
在module里配置需要進行編譯的文件夾(如下)
module:{ rules:[ { test: //.js$/, loader: 'babel-loader', include: [ resolve('../src'), resolve('../config'), resolve('../libs'), resolve('../node_modules/iview') ], query: { presets: ['es2015'] } }, ]}
以上就是本文的全部內容,希望對大家的學習有所幫助,也希望大家多多支持武林網。