为什么更漂亮地将我的 Handlebars HTML 双引号变成单引号？答案

【问题标题】：Why is prettier making my Handlebars HTML double quotes into single quotes?为什么更漂亮地将我的 Handlebars HTML 双引号变成单引号？
【发布时间】：2022-01-27 21:31:51
【问题描述】：

我有一个带有 .prettierc.js 文件的 Vue 项目，看起来像这样

module.exports = {
  semi: false,
  arrowParens: 'always',
  singleQuote: true,
  trailingComma: 'es5',
}

到目前为止，这已按预期工作，在代码的 JavaScript 和 TypeScript 部分中支持单引号，在 HTML 和 .vue 组件文件中支持双引号。

但是，我需要一些模板化 HTML 的把手，所以我添加了 .hbs 文件。当我运行格式化步骤时，Prettier 将 .hbs 文件中的所有双引号转换为单引号。将文件重命名为 .html 可以防止这种情况发生，但这不是一个理想的解决方案。

如何更好地处理 .hbs 文件，如 .html 文件并支持双引号？

【问题讨论】：

标签： handlebars.js lint prettier

【解决方案1】：

Prettier 默认不识别.hbs 文件，因此它不会对其配置的引用规则进行例外处理。

相反，overrides 配置属性可用于根据文件名/扩展名定义规则例外。

module.exports = {
  semi: false,
  arrowParens: 'always',
  singleQuote: true,
  trailingComma: 'es5',

  overrides: [
    {
      files: '*.hbs',
      options: {
        singleQuote: false,
      },
    },
  ],
}

【讨论】：