PrettierとEditorConfigとstylelintのルールを統一する

各ツールで重複する設定

Prettier

tabWidth: 2

EditorConfig

indent_size = 2

stylelint

indentation: 2

hiro

Prettier は .editorconfig の一部の設定を読み込めるらしい。

hiro

Prettierとstylelintからインデントの設定を消す

Prettier は .editorconfig の一部の設定を読み込めるらしい

stylelint --fix時に .editorconfig → Prettier → stylelint の順で値が引き継がれれば良さそう。
→ 駄目

.editorconfig → Prettier では値が引き継げている模様

インデントの設定を2にして、インデントを4にしたCSSファイルに対して
prettier --write→フォーマットされた
stylelint --fix → フォーマットされない

hiro

editorconfigの値を読み込ませる

editorconfig-parser を使って、editorconfigの値を各種設定ファイルに取り込ませる。

npm install editorconfig-parser

stylelintrc.js

const fs = require('fs');
const ec = require('editorconfig-parser');
const file = fs.readFileSync('.editorconfig', 'utf8');
const editorconfig = ec.parse(file);

module.exports = {
  rules: {
      'indentation': editorconfig['*'].indent_size
  }
};