webpack5 打包之后還有箭頭函數問題

之前有學習過 webpack,但是不用總會忘記。就非常想要自己利用 webpack 來搭建,然后直接安裝了最新的 webpack5

進行了 .css .vue .js 的編寫和引入,
一步步配置 webpack.config.js ,在 chrome 中可以瀏覽:


但是 ie 中不行,包含 css 樣式、vue 文件都沒有用,找了大半天,只看到調試報錯 :
=》 打包文件還存在箭頭函數

然后添加 babel-polyfill(npm install --save-dev babel-polyfill babel-loader babel-core babel-preset-env babel-preset-es2015)
webpack:

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

{ test: /\.js$/, use: 'babel-loader' }

js :

import 'babel-polyfill'

.babelrc:

{
  "presets": [ 
        "es2015"
  ]
}

但是還是有箭頭函數,報錯的位置都一樣!!
實在沒有頭緒,最后直接搜索 webpack 打包之后還有箭頭函數 ,找到問題所在
=》 是webpack版本問題,用 webpack4 或者 在 webpack 配置文件中加上這個配置即可

module.exports = {
    target: ['web', 'es5'],
}

如果有幫到你的話,請點個贊吧 ^ # ^ !!!

?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容