vivo自帶瀏覽器打開H5頁面空白問題(webpack配置"babel-loader")

出現(xiàn)這個問題也是第一次碰到,產(chǎn)品在測試階段測試報上來的,之前都沒有發(fā)現(xiàn)這個問題('該區(qū)域未測試到')。下面進入正題。在網(wǎng)上百度到很多說是瀏覽器兼容問題。就按照這個思路去找了方法:

**方法一**

一般兼容性問題都會想到引用 ` 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)

?著作權歸作者所有,轉載或內容合作請聯(lián)系作者
【社區(qū)內容提示】社區(qū)部分內容疑似由AI輔助生成,瀏覽時請結合常識與多方信息審慎甄別。
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發(fā)布,文章內容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

相關閱讀更多精彩內容

友情鏈接更多精彩內容