webpack5 打包之后还有箭头函数问题

2021-08-11  本文已影响0人  jeneen1129

之前有学习过 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'],
}

如果有帮到你的话,请点个赞吧 ^ # ^ !!!

上一篇 下一篇

猜你喜欢

热点阅读