Babel

使用方法

可以使用resources.Babel将任何JavaScript资源文件转译为另一个JavaScript版本，该函数接受资源对象和下面列出的可选选项的参数。Babel使用babel cli。

配置

当运行Babel和类似工具时，我们将主项目的node_modules添加到NODE_PATH。在这个领域中，Babel存在一些已知的问题，因此如果您的Hugo模块中有一个babel.config.js（而不是在项目本身中），我们建议使用require来加载预设/插件，例如：

module.exports = {
  presets: [
    [
      require("@babel/preset-env"),
      {
        useBuiltIns: "entry",
        corejs: 3,
      },
    ],
  ],
};

选项

config [字符串]

Babel配置文件的路径。默认情况下，Hugo会查找项目中的babel.config.js。有关这些配置文件的更多信息，请参阅：Babel配置。

minified [布尔]

在打印时尽可能节省字节

noComments [布尔]

将注释写入生成的输出中（默认为true）

compact [布尔]

不包括多余的空白字符和行分隔符。如果未设置，默认为auto。

verbose [布尔]

记录所有日志

sourceMap [字符串]

从Babel编译中输出inline或external源映射。外部源映射将写入到目标文件与输出文件名+ “.map"同名。输入源映射可以从js.Build和节点模块中读取，并合并到输出源映射中。

示例

{{- $transpiled := resources.Get "scripts/main.js" | babel  -}}

或者使用选项：

{{ $opts := dict "noComments" true }}
{{- $transpiled := resources.Get "scripts/main.js" | babel $opts -}}