vivo自带浏览器打开H5页面空白问题（webpack配置"babel-loader"）

出现这个问题也是第一次碰到，产品在测试阶段测试报上来的，之前都没有发现这个问题（'该区域未测试到'）。下面进入正题。在网上百度到很多说是浏览器兼容问题。就按照这个思路去找了方法：

**方法一**

一般兼容性问题都会想到引用 ` babel-polyfill` 应该的都可以，此处我也尝试过

**在项目里安装babel-polyfill**

`npm i babel-polyfill -S`

**在 mian.js文件的顶部引入**

`import 'babel-polyfill'`

这样问题没有被解决，我打包过后查看还是一如既往

**方法二 （可行）**

利用 工程化配置 在webpack中配置babel-loader ，

**安装**

```javaScript

npm i -D babel-core babel-loader babel-plugin-transform-runtime

npm i -D babel-preset-env babel-preset-stage-0

npm i -S babel-runtime

```

**使用**

在webpack.config.js中配置

```

module: {

  rules: [

  {test: /\.js$/, use: 'babel-loader', exclude: /node_modules/}

  ]

}

```

这样就可以了，要是还没有解决可以参考链接[raindi博客园](https://www.cnblogs.com/raind/p/9018145.html)