vue腳手架搭建項目的兼容性配置

使用vue-cli搭建項目，面臨着解決ie兼容性問題(ie9+)，由於ie瀏覽器並不支持es6語法等。 首先安裝babel-polyfill，解決ie不支持promise對象的問題

npm install --save-dev babel-polyfill
複製代碼

安裝成功以後,在main.js第一行引入

import 'babel-polyfill'
複製代碼

安裝引入成功以後，若是項目還不能正常運行 安裝了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)
}全棧開發交流圈一塊兒學習交流：864305860
複製代碼

在module裏配置須要進行編譯的文件夾(以下)

module:{
  rules:[
    {
      test: /\.js$/,
      loader: 'babel-loader',
      include: [
        resolve('../src'), resolve('../config'),       
        resolve('../libs'), resolve('../node_modules/iview')
      ],
      query: {
        presets: ['es2015']
      }//歡迎加入全棧開發交流圈一塊兒學習交流：864305860
    },//面向1-3年前端人員
  ]//幫助突破技術瓶頸，提高思惟能力
}
複製代碼

結語

感謝您的觀看，若有不足之處，歡迎批評指正。

本次給你們推薦一個免費的學習羣，裏面歸納移動應用網站開發，css，html，webpack，vue node angular以及面試資源等。 對web開發技術感興趣的同窗，歡迎加入Q羣：864305860，無論你是小白仍是大牛我都歡迎，還有大牛整理的一套高效率學習路線和教程與您免費分享，同時天天更新視頻資料。 最後，祝你們早日學有所成，拿到滿意offer，快速升職加薪，走上人生巔峯。