2023年6月21日发(作者：)

vivo⾃带浏览器打开H5页⾯空⽩问题（webpack配置babel-loader）出现这个问题也是第⼀次碰到，产品在测试阶段测试报上来的，之前都没有发现这个问题（'该区域未测试到'）。下⾯进⼊正题。在⽹上百度到很多说是浏览器兼容问题。就按照这个思路去找了⽅法：**⽅法⼀**⼀般兼容性问题都会想到引⽤ ` babel-polyfill` 应该的都可以，此处我也尝试过**在项⽬⾥安装babel-polyfill**`npm i babel-polyfill -S`**在 ⽂件的顶部引⼊**`import 'babel-polyfill'`这样问题没有被解决，我打包过后查看还是⼀如既往**⽅法⼆ （可⾏）**利⽤ ⼯程化配置 在webpack中配置babel-loader ，**安装**```javaScriptnpm i -D babel-core babel-loader babel-plugin-transform-runtimenpm i -D babel-preset-env babel-preset-stage-0npm i -S babel-runtime```**使⽤**在中配置```module: { rules: [ {test: /.js$/, use: 'babel-loader', exclude: /node_modules/} ]}```

2023年6月21日发(作者：)

vivo⾃带浏览器打开H5页⾯空⽩问题（webpack配置babel-loader）出现这个问题也是第⼀次碰到，产品在测试阶段测试报上来的，之前都没有发现这个问题（'该区域未测试到'）。下⾯进⼊正题。在⽹上百度到很多说是浏览器兼容问题。就按照这个思路去找了⽅法：**⽅法⼀**⼀般兼容性问题都会想到引⽤ ` babel-polyfill` 应该的都可以，此处我也尝试过**在项⽬⾥安装babel-polyfill**`npm i babel-polyfill -S`**在 ⽂件的顶部引⼊**`import 'babel-polyfill'`这样问题没有被解决，我打包过后查看还是⼀如既往**⽅法⼆ （可⾏）**利⽤ ⼯程化配置 在webpack中配置babel-loader ，**安装**```javaScriptnpm i -D babel-core babel-loader babel-plugin-transform-runtimenpm i -D babel-preset-env babel-preset-stage-0npm i -S babel-runtime```**使⽤**在中配置```module: { rules: [ {test: /.js$/, use: 'babel-loader', exclude: /node_modules/} ]}```