鍍金池/ 問答/iOS  網(wǎng)絡(luò)安全  HTML/ vue項(xiàng)目在ios9系統(tǒng)中白屏，babel沒轉(zhuǎn)es5

vue項(xiàng)目在ios9系統(tǒng)中白屏，babel沒轉(zhuǎn)es5

在ios9中測試發(fā)現(xiàn)白屏，找了很久，使用babel5的browserify.js在頁面頭部引入發(fā)現(xiàn)，可以渲染，初步確定es6轉(zhuǎn)es5沒成功問題
//////////////////////////////////////////////////////////////////////////////////////////////////////////
.babelrc 文件
{
"presets": [

["env", {
  "modules": false
}],
"stage-2",
"es2015"

],
"plugins": ["transform-runtime","add-module-exports"]
}
///////////////////////////////////////////////////////////////////////////////////////////////////////////
main.js
import 'babel-polyfill';
//////////////////////////////////////////////////////////////////////////////////////////////////////////
package.json
"devDependencies": {

"autoprefixer": "^7.1.2",
"babel-core": "^6.22.1",
"babel-helper-vue-jsx-merge-props": "^2.0.3",
"babel-loader": "^7.1.1",
"babel-plugin-syntax-jsx": "^6.18.0",
"babel-plugin-transform-runtime": "^6.22.0",
"babel-plugin-transform-vue-jsx": "^3.5.0",
"babel-polyfill": "^6.26.0",
"babel-preset-env": "^1.3.2",
"babel-preset-es2015": "^6.24.1",
"babel-preset-stage-2": "^6.22.0",
"babel-register": "^6.26.0",
...
}

///////////////////////////////////////////////////////////////////////////////////////////////////////////
有遇到過同樣問題和明白怎么轉(zhuǎn)的么，vue2.x webpack3.8.1 babel6.26

回答
編輯回答
解夏

我也遇到過，但是我是吧webpack降到2.7.1解決的

2018年5月21日 08:43
編輯回答
涼薄

我先下載npm包

npm install --save-dev babel-loader babel-core babel-preset-env webpack

然后配置的 .babelrc 文件
這是我的 .babelrc 文件

{
    "presets": [
      ["env", {
        "modules": false,
        "targets": {
          "browsers": ["> 1%", "last 2 versions", "not ie <= 8"]
        }
      }],
      "stage-2"
    ],
    "plugins": ["transform-runtime"],
    "env": {
      "test": {
        "presets": ["env", "stage-2"],
        "plugins": ["istanbul"]
      }
    }
  }
2018年9月20日 02:24