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)

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容