鍍金池/ 問答/HTML/ vue中配置babel-polyfill報(bào)錯(cuò)

vue中配置babel-polyfill報(bào)錯(cuò)

最近一個(gè)項(xiàng)目,用webpack打包,想要支持ie11,于是引入babel-polyfill,但是老是出錯(cuò),試過各種方法都不行,錯(cuò)誤描述如下:

剛開始沒有引入babel-polyfill時(shí)webpack配置文件是這樣寫的:
clipboard.png

之后npm install了babel-polyfill之后試過好多寫法都不行,請(qǐng)問究竟該怎么配置呢?

改為
clipboard.png
之后,提示錯(cuò)誤信息:

clipboard.png
說的應(yīng)該是格式不對(duì),看到網(wǎng)上好多給出好多這種解決方案,我這樣確實(shí)還是不行,費(fèi)解。

回答
編輯回答
傻叼

main.js 里面引入

import 'babel-polyfill'

webpack.base.conf.js 替換到entry部分

  entry: {
    // app: './src/main.js'
    app: ["babel-polyfill", "./src/main.js"]
  },

注意:多試一下,清空緩存,多試試,我也是搗鼓搗鼓才可以的

2017年10月15日 02:26
編輯回答
青裙
// 入口文件,`index.js`或者`main.js`
// `Babel`默認(rèn)只轉(zhuǎn)換新的`JavaScript`句法(`syntax`),而不轉(zhuǎn)換新的`API`。比如`Array.from`
// 如果想讓這個(gè)方法運(yùn)行,必須使用babel-polyfill,為當(dāng)前環(huán)境提供一個(gè)墊片。
import 'babel-polyfill';
// 如果要改webpack配置,應(yīng)該是
module.exports = {
  entry: {
    // app: './client/index.js'
    app: ['babel-polyfill', './client/index.js'],
},
2018年6月29日 10:55