eslintとprettierの併用による、改行について
eslintとprettierを導入しました。
構文チェックにeslintを使用し、フォーマッターにprettierを使用しています。
webpackでbuild時にフォーマットがかかるようにしています。
フォーマットがかかると、変数ごとに改行されるのが気になるのですが、
eslintでone-var-declaration-per-line
をoff
にしてもだめでした。
prettierをいれたら必ず改行されるのもなのでしょうか。
ちなみにlintのconfigはairbnb-baseを使用しています。
.eslintec
{
"root": true,
"extends": [
"airbnb-base",
"plugin:prettier/recommended",
"prettier",
],
"plugins": [
"prettier",
],
"rules": {
"prettier/prettier": [
"error", {
"max-len": ["warn", {"code": 120}],
"no-mixed-operators": "warn",
"no-tabs": "warn",
"singleQuote": true,
"trailingComma": "all",
"bracketSpacing": true,
"printWidth": 120,
"one-var-declaration-per-line": "off",
}],
"no-console": "off",
"no-undef": "warn",
"no-unused-vars": "off",
"no-underscore-dangle": "off",
"no-prototype-builtins": "warn",
"no-restricted-syntax": "warn",
"no-sequences": "off",
"no-restricted-globals": "off",
"no-shadow": "off",
"no-nested-ternary": "warn",
"no-plusplus": "off",
"no-unused-expressions": "warn",
"no-var": "warn",
"vars-on-top": "off",
"no-param-reassign": ["warn", { "props": false }],
"no-use-before-define": "off",
"no-continue": "warn",
"object-curly-newline": "off",
"unction-paren-newline": "off",
"function-paren-newline": "off",
"newline-per-chained-call": "off",
"one-var-declaration-per-line": "off",
"camelcase": "warn",
"eqeqeq": "warn",
"consistent-return": "warn",
"class-methods-use-this": "off",
"import/prefer-default-export": "warn",
"prefer-rest-params": "off",
"react/jsx-closing-bracket-location": "off",
},
"env": {
"es6": true,
"browser": true,
"node": true,
"jquery": true,
},
"parser": "babel-eslint",
"parserOptions": {
"sourceType": "module",
"ecmaVersion": 2018,
},
"globals": {
"document": true,
"window": true,
"location": true,
"Shopify": true,
"theme": true,
}
}