javascript - 快速编写需要 babel 的 JavaScript 并运行它的方法？

Question

我想编写一个 JavaScript 示例并运行它来看看它是如何工作的。

示例代码可能需要浏览器，但并非总是如此。我对两种解决方案持开放态度，一种适用于 NodeJS，另一种用于基于浏览器的代码。在浏览器中，我将 React 与 class 和其他 ES6 语法(包括导入/导出)一起使用，但 Node 或 Node --harmony 尚未直接支持该语法。

在Python、Java/Groovy、C/C++、C#等中，我可以运行一个命令来编译文件，然后运行可执行文件(或者只是解释代码)，所以我正在寻找类似的东西JavaScript。

从概念上讲，我想说:

dotranspile --out bundle.js main.js
node bundle.js  (or firefox index.html, which loads bundle.js)

关键是我不想在每个目录中创建一个 webpack 配置文件。我以为有一天搜索时发现了这样的命令，但现在找不到了。

当需要 babel/transpiling 时，其他人如何运行 javascript 示例程序？我还希望能够保存它们以供将来引用(在某些情况下)。

目前，每次我想编写测试时，我都会创建一个包含 webpack.config 文件 package.json 的目录，并使用 npm install 和 npm run 来运行代码或启动 NodeJS Express 服务器来提供索引。 html。

对于快速测试来说，这似乎是很大的开销，并且会产生数十个包含大量文件的 node_module 目录。

Answer 1

也许不是您想要的答案，但您始终可以将 jsfiddle 与 babel + jsx 一起使用。我认为 jsfiddle 是非常好的工具，可以在 babel/jsx 或其他库、转译器等中快速运行简单的应用程序。