【问题标题】:Babel cli does not generate JS for browserBabel cli 不会为浏览器生成 JS
【发布时间】:2016-07-24 08:37:54
【问题描述】:

我正在尝试使用 Babel 生成 JS。 我的目的是为浏览器使用 ES6,我知道有不同的方法来设置它,但一开始我想手动进行。

这就是我所做的:

  • 我安装了 babel-cli
  • 我创建了2个文件夹src和lib(ES6代码在src,lib包含babel生成的输出),我在src里面放了一些基本的js代码。
  • 然后我发出babel src --out-dir lib --watch

我会执行 Babel 生成的输出代码不包含 ES6 功能,如导入/导出,但它确实包含它。所以我不能在浏览器中使用它。

怎么了?

【问题讨论】:

  • 你是怎么告诉 Babel 转译目标 JS 版本是什么的?
  • 我没有,我做的唯一步骤是我列出的那些。我去查一下。

标签: javascript ecmascript-6 babeljs


【解决方案1】:

Babel 本身并不是一个模块捆绑器。它支持 模块捆绑器,如 Webpack、Browserify、RequireJS 等,如果你告诉它你使用什么类型,但它不会进行实际的捆绑。选择一个捆绑系统,然后查阅其文档以了解如何将 Babel 集成到其中。

【讨论】:

  • 感谢有用的解释,我从错误的假设开始,即 babel 也管理模块。我正在阅读文档webpack.github.io/docs/…,即使我觉得它不太好,我同意第一个模因:)
  • 所以我遇到了与问题中所述类似的问题,其中 Babel 在运行“npm build”时没有做任何事情,其中​​“”build”:“babel input.js --out-文件已编译的.js"" 在脚本标签中。 @TJ,在您的回答中,您提到 Babel 不是捆绑程序,是否需要该命令才能工作?根据文档,该命令似乎只是简单地转换代码,无需捆绑。
猜你喜欢
  • 2021-10-21
  • 1970-01-01
  • 1970-01-01
  • 2021-04-01
  • 1970-01-01
  • 2016-07-29
  • 2017-01-07
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多