如何解读JSON/JavaScript配置示例并转换为YAML格式？

完全可以实现JavaScript/JSON和YAML的双向互转，不管是Puppeteer这类工具的配置，还是其他通用配置场景都适用。下面分实操方法和注意事项说明：

一、手动转换核心规则（以Puppeteer配置为例） #

先看Puppeteer官方的JS配置简化示例：

module.exports = {
  launch: {
    headless: 'new',
    args: ['--no-sandbox', '--disable-setuid-sandbox'],
    defaultViewport: { width: 1280, height: 720 }
  },
  connect: {
    browserWSEndpoint: 'ws://localhost:3000'
  }
};

对应的YAML写法：

launch:
  headless: 'new'
  args:
    - --no-sandbox
    - --disable-setuid-sandbox
  defaultViewport:
    width: 1280
    height: 720
connect:
  browserWSEndpoint: 'ws://localhost:3000'

手动转换关键规则：

• JS/JSON的对象{}对应YAML的缩进层级，无需大括号
• JS/JSON的数组[]对应YAML中- 开头的列表项
• 容易被YAML识别为关键字的字符串（比如new），可以用单引号包裹
• 布尔值、数字直接保留原格式（如true、1280）

二、工具自动转换方法 #

复杂配置手动转换易出错，推荐用成熟工具：

1. 命令行工具（适合开发场景） #

• 使用js-yaml包（Node.js环境）：
  安装：npm install -g js-yaml
  JS/JSON转YAML：js-yaml input.json > output.yaml
  YAML转JS/JSON：js-yaml -j input.yaml > output.json
  注意：如果是JS模块配置，需先去掉module.exports = ，保留内部对象再转换。

2. 在线转换工具（适合快速验证） #

直接粘贴JS/JSON或YAML内容即可完成转换，搜索“JSON to YAML”就能找到相关工具。

三、Puppeteer使用YAML配置的注意事项 #

Puppeteer本身不直接支持读取YAML配置，需自行添加解析代码：

1. 安装依赖：npm install js-yaml
2. 在启动脚本中读取并解析：

const fs = require('fs');
const yaml = require('js-yaml');
const puppeteer = require('puppeteer');

// 读取YAML配置文件
const config = yaml.load(fs.readFileSync('./puppeteer.config.yaml', 'utf8'));

// 用配置启动浏览器
(async () => {
  const browser = await puppeteer.launch(config.launch);
  // ...后续业务逻辑
})();

内容的提问来源于stack exchange，提问作者keithfrazier98