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