美文网首页
webpack5 打包之后还有箭头函数问题

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

作者: jeneen1129 | 来源:发表于2021-08-11 15:13 被阅读0次

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

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

相关文章

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

    之前有学习过 webpack,但是不用总会忘记。就非常想要自己利用 webpack 来搭建,然后直接安装了最新的 ...

  • webpack5笔记

    问题记录: webpack打包后(经历过babel-loader)最外层还是箭头函数,这跟babel-loader...

  • 箭头函数和普通函数的主要区别是什么?

    箭头函数和普通函数的主要区别: this的指向问题,箭头函数是不存在this的(也是箭头函数和普通函数最主要的区别...

  • React处理事件响应机制

    一. 箭头函数 1.1 使用箭头函数的优点 1、箭头函数一个重要的好处就是对于this对象指向问题,在普通函数中t...

  • 一句话明白箭头函数中的this

    关于箭头函数中this值的问题,网上查查,会告诉你 “箭头函数的this固定化,箭头函数中的this绑定定义时所在...

  • ES6笔记1:箭头函数

    格式:(参数) =>{函数体} 箭头函数在参数和箭头之间不能换行;但在=>之后,或()或{}来实现换行

  • 「ES6」箭头函数

    基本 其实箭头函数就是以前的 之后es6提供了箭头函数 箭头函数最大的作用 最大的作用就是现在能正确的绑定this...

  • ES6——箭头函数

    ES6之后,允许使用箭头=>来定义函数。首先我们来总结一下箭头函数存在的意义,之后再来细细的看它的使用方法。 箭头...

  • js中this指向

    当我们需要把函数当做另外函数参数传入时,我们使用箭头函数。 关于this的指向。 问题:箭头函数中的this是如何...

  • vue项目element-ui组件打包后组件显示方框解决方式

    问题: 对vue项目进行打包的时候,遇到了一些组件问题,比如分页组件的箭头,下拉框组件的箭头打包完成后会出现方框显...

网友评论

      本文标题:webpack5 打包之后还有箭头函数问题

      本文链接:https://www.haomeiwen.com/subject/ytrcbltx.html