美文网首页
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 打包之后还有箭头函数问题

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