国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > JavaScript > 正文

vue腳手架搭建項(xiàng)目的兼容性配置詳解

2019-11-19 13:28:47
字體:
供稿:網(wǎng)友

使用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)。

發(fā)表評論 共有條評論
用戶名: 密碼:
驗(yàn)證碼: 匿名發(fā)表
主站蜘蛛池模板: 凉城县| 霍邱县| 和龙市| 谢通门县| 郎溪县| 松江区| 定兴县| 衡东县| 长宁区| 丹寨县| 新营市| 九江市| 万安县| 闽清县| 灌南县| 阿图什市| 马尔康县| 正安县| 磐安县| 平遥县| 翁牛特旗| 若羌县| 德兴市| 赤水市| 普定县| 琼结县| 沈阳市| 宁南县| 腾冲县| 昌江| 罗甸县| 延津县| 阳信县| 舞钢市| 慈利县| 商河县| 徐闻县| 东光县| 江永县| 大足县| 赣榆县|