webpack - babel-plugin-macros 与 Sweet.js 的用例是什么？

Question

我对 JavaScript 中的宏很好奇，对 how babel-plugin-macros 有点困惑和 Sweet.js相互比较。他们都解决了同样的问题吗？它们都适契约(Contract)一个工具链吗？

特别是，我希望将这些工具中的一个与 ES2015 代码一起使用，这些代码将使用 Webpack 和 Babel 转译为 ES5，但我不确定这些工具中的任何一个如何与转译交互。

Answer 1

是的，他们解决了将宏“添加”到 JavaScript 的相同一般问题，但他们确实以不同的方式解决了这个问题。首先，它们每个都有用于定义宏的不同语法。我不清楚两者是否遵循某种标准。 Sweet.js 是独立的，而 babel-plugin-macros 是一个 Babel 插件。我想可以将它们用作同一工具链的一部分，如果人们更喜欢 Sweet.js，他们可能会这样做。但是，如果已经在使用 Babel，那么使用 Babel 插件可能会容易得多。

由于 JavaScript 似乎还没有一个标准，因此我对深入研究这一点持谨慎态度。就让源映射正常工作而言，这可能会让人头疼，尤其是将 Sweet.js 与 Babel 结合使用时。

话虽如此，宏(尤其是使用 Sweet.js 语法)看起来像是对 JavaScript 的一个非常强大的增强。要是它们作为标准包含在 ECMAScript 中就好了。

更新

自从我的原始答案以来，我还没有研究过任何细节，但似乎 Sweet.js 现在使用 Babel 作为后端，因此可能有比这个问题更好的答案。见 http://sweetjs.org/doc/1.0/tutorial.html#_babel_backend