【问题标题】:Webpack babel transpile to es5 doesn't quite workWebpack babel transpile 到 es5 不太好用
【发布时间】:2017-10-08 15:21:58
【问题描述】:

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

t.exports=class extends n(0).Component{title(){return this.constructor.name}}}

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

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

我做错了什么?

【问题讨论】:

  • 你的 .babelrc 是什么样的?
  • @James 我没有,据说 env 预设默认将 ES5+ 代码转换为 ES5,无需任何设置

标签: javascript webpack babeljs ecmascript-5 transpiler


【解决方案1】:

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

【讨论】:

  • 太棒了!使用 babel7 和 webpack 4 使其与 IE11 一起工作的唯一方法是删除这一行。事实上,问题在于单个库有一个 ES5+ Es6 代码就足够了,这将使你的 bundle.js 不兼容 ES5。从昨天开始,我一直在寻找这个提示。谢谢!
猜你喜欢
  • 1970-01-01
  • 2017-11-13
  • 1970-01-01
  • 1970-01-01
  • 2020-04-27
  • 1970-01-01
  • 2021-08-02
  • 1970-01-01
  • 2018-01-14
相关资源
最近更新 更多