ESLintで相対パスを禁止する
これをやりたい
code:ts
import a from "@/a" // おｋ
import a from "../a"; // 許さん
import a from "./a"; // おｋ
import a from "./b/a"; // 許さん
なぜ？
eslint-plugin-import-access を使うと (@package な変数の)同階層の import に特別な意味が生まれるから
方法1 import/no-relative-parent-imports というものがあるらしい
TypeScriptで使えない（偽陽性が出る）
no-relative-parent-imports over-reporting when import/resolver = typescript · Issue #1392 · import-js/eslint-plugin-import · GitHub
そんな…
方法2 no-restricted-imports を使う
先述の Issue のコメントにも記載があった
code:js
module.exports = {
rules: {
'no-restricted-imports': [
'error',
{
patterns: [
{
group: './**/*',
message: 'Usage of relative parent imports is not allowed.',
},
],
},
],
},
};
fixable じゃないらしい
この利休にVS Code で auto import する度に絶対パスに書き直せと！？
auto import で絶対パスを強制すると「同階層のものは相対importおｋ」できなくなるしな…
方法3 eslint-plugin-no-relative-import-paths を使う
fixable、TypeScriptでもできる
ええやん
#ESLint #メモ