Babel

用法

任何 JavaScript 资源文件都可以使用 js.Babel 转换为另一个 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 -}}