我寫了一個路由衛士,只能在谷歌裡面正常顯示,但是到了谷歌裡面是可以正常進行的,但是360,火狐運行異常。

babel-polyfill

babel-polyfill 是針對全局環境的,引入它瀏覽器就好像具備了規范里定義的完整的特性,一旦引入,就會跑一個 babel-polyfill 實例。用法如下:

1.安裝 babel-polyfil

npm install babel-polyfill --save

2.在入口文件中引用:

import 'babel-polyfill'

針對ES6的兼容性問題,很多團隊為此開發出了多種語法解析轉換工具,把我們寫的ES6語法轉換成ES5,相當於在ES6和瀏覽器之間做了一個翻譯官。比較通用的工具方案有babel,jsx,traceur,es6-shim等。

法一:webpack.base.conf.js中配置

entry: {

app: ["babel-polyfill","./src/main.js"],

}

entry: {

app: "./src/main.js",

"babel-polyfill":"babel-polyfill"

}

法二:在main.js中引入

import 'babel-polyfill'

但上述方法都未生效!

本人親測下列兩種方法可行:

法一:webpack.base.conf.js中配置

entry: {

    // "babel-polyfill"用來解決的兼容性

    app: ['./node_modules/babel-polyfill/dist/polyfill.js','./src/main.js']

}

法二:

直接引入:

<script src="https://cdn.bootcss.com/babel-polyfill/6.23.0/polyfill.min.js"></script>

---------------------

作者:qq_1076043371

原文:https://www.jianshu.com/writer#/notebooks/34807958/notes/43098287