时间戳

首页 > 解决方案 > 在生产中使用 Babel 的正确方法

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

问题描述

我想使用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 生成的文件的状态感到迷茫，它们是准备好使用还是应该预编译。

我发布这个问题是出于困惑，所以如果这听起来很愚蠢或不合理，我深表歉意。

标签： javascriptbabeljs

解决方案

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

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

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

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

推荐阅读