鍍金池/ 問答/HTML/ vue-cli中如何正確引入babel-polyfill,如何對import進(jìn)來

vue-cli中如何正確引入babel-polyfill,如何對import進(jìn)來的第三方組件生效?

項目引入了Plyr視頻播放器組件,在vivo舊機(jī)型chrome 39內(nèi)核上報錯了,發(fā)現(xiàn)是不支持Array.prototype.find,解決辦法是Plyr提供了polyfilled版本,import這個即可

問題是為什么在引入babel-polyfill的情況下,沒有對import進(jìn)來的第三方j(luò)s組件起作用?

回答
編輯回答
忘了我

babel-polyfill用正確的姿勢安裝之后,引用方式有三種:

1.require("babel-polyfill");

2.import "babel-polyfill";

3.module.exports = {

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

};

注:第三種方法適用于使用webpack構(gòu)建的同學(xué),加入到webpack配置文件(webpack.config.js)entry項中

重新執(zhí)行構(gòu)建命令,在低版本的瀏覽器中就可以正常打開頁面了。

2017年8月24日 22:46