在生产中使用 Babel 的正确方法

Question

我想使用 babel 将现代 JavaScript 转换为普通的旧 ES5 JavaScript。

我在babel的网站“Prototyping-In the browser”上使用了第一个工具，网站上说

"...如果您在生产站点上工作，您应该是 在服务器端预编译脚本”

使用该原型工具后，浏览器控制台显示

“...确保为生产预编译脚本”

结果我检查了第二个工具“Babel built-ins CLI”并在 node.js 的帮助下使用它来生成兼容的 JS 脚本，该网站没有提到与第一个工具相同的关于生产的消息我用过，虽然结果代码几乎一样。

我的问题是我可以从“Babel CLI”工具中获取生成的 JS 脚本吗？ 只是替换当前的？这足以生产吗？它们被认为是预编译的吗？

请注意，我没有使用 node.js，它只是一个 javascript 应用程序。

在网上搜索我得到了很多关于预编译 JS 的结果，例如使用 webpack 和 Browserify，现在我对从 Babel 生成的文件的状态感到迷茫，它们是准备好使用还是应该预编译。

出于混淆，我发布此问题，因此如果听起来很愚蠢或不合理，我深表歉意。

Answer 1

我可以从“Babel CLI”工具中获取生成的 JS 脚本并替换当前的吗？这足以用于生产吗？

是的，那会奏效。但是，您将希望避免在开发过程中进行的每一个小更改都将脚本复制到 Web 工具中这一手动步骤。最好使用自动构建流程。

在网上搜索了很多关于预编译 JS 的结果，例如使用 webpack 和 Browserify

Babel 仅将新语法转换为旧语法。 Webpack 和 Browserify 还将模块捆绑到可以加载到网页中的单个脚本中。