bable转换html里面的js,javascript – 在Babel中转换插件与语法插件

我想在我的webpack设置中使用Class属性.

继本书(www.survivejs.com)之后,我注意到作者在.babelrc文件中添加了2个插件：babel-plugin-syntax-class-properties以及babel-plugin-transform-class-properties.

查看语法类属性的babel文档,它指出：

Syntax only

This plugin only allows Babel to parse this syntax. If you

want to transform it then see transform-class-properties.

有什么不同？我需要两个吗？我的代码似乎只使用转换插件运行良好.

解决方法:

转型是一个三步过程：

>将源代码解析为AST

>更改/转换AST

>打印AST(转换为源代码)

语法插件是第1步所必需的：诸如类属性之类的提议引入了一种新语法,当前的JavaScript解析器无法对其进行解析.语法插件扩展了解析器,因此它理解新语法.

示例：想象一下,我引入了一个新的令牌@,例如in

@.foo();

JavaScript解析器无法将此代码解析为AST,因为当前@在该位置无效.所以我必须扩展解析器来解析它.

转换插件是第2步所必需的：现在解析了源代码,我们需要将新功能的AST节点转换为在当前JavaScript中有效的内容.

示例：我之前示例中的@是一种引用此方法的新方法.为了使它在不理解@的当前环境中工作,我需要转换并用它替换它,以便上面的例子变为

this.foo();

And do I need both?

如果要将代码转换为ES5,是的.

My code seem to run fine just with the transform plugin.

您可能正在使用已包含语法插件的预设.

标签：javascript,babeljs

来源： https://codeday.me/bug/20190716/1475592.html