Webpack babel transpile 到 es5 不太好用

Posted 2023-03-24

【中文标题】Webpack babel transpile 到 es5 不太好用

【英文标题】：Webpack babel transpile to es5 doesn't quite work

【发布时间】：2017-10-08 15:21:58

【问题描述】：

我正在尝试将我的 ES7 源代码构建到单个文件中并将其转换为 ES5，但是当我运行 webpack 时，我仍然注意到构建包中有这样的代码

t.exports=class extends n(0).Componenttitle()return this.constructor.name

类的导出意味着有些东西不太正常，这是我相关的 webpack 配置

module: 
    loaders: [
      
        test: /\.js$/,
        exclude: /node_modules/,
        use: 
          loader: "babel-loader",
          options: 
            presets: ["env"]
          
        
      ,

我做错了什么？

【问题讨论】：

你的 .babelrc 是什么样的？

@James 我没有，据说 env 预设默认将 ES5+ 代码转换为 ES5，无需任何设置

【参考方案1】：

为了节省其他人我浪费的宝贵时间 - 我包含了包含来自 node_modules 的 ES5+ 代码的库，并且很明显配置忽略了 node_modues，所以我只需要删除该行。

【讨论】：

太棒了！使用 babel7 和 webpack 4 使其与 IE11 一起工作的唯一方法是删除这一行。事实上，问题在于单个库有一个 ES5+ Es6 代码就足够了，这将使你的 bundle.js 不兼容 ES5。从昨天开始，我一直在寻找这个提示。谢谢！