suzu6 / poc-nextjs-myblog

nextjs-myblog-three.vercel.app

MIT License

0 stars 0 forks source link

Closed suzu6 closed 2 years ago

suzu6 commented 2 years ago

リントの設定をする

リンターやフォーマットがいい感じになるようにする。

tasks

suzu6 commented 2 years ago

.husky

npm install --save-dev husky lint-staged
npx husky install
npm set-script prepare "husky install"
npx husky add .husky/pre-commit "npx lint-staged"

Add the following to your package.json:

{
"lint-staged": {
"**/*": "prettier --write --ignore-unknown"
}
}

suzu6 commented 2 years ago

ES Lint

使用するプラグインなど

参考

suzu6 commented 2 years ago

docker-compose.ymlにNext + Dokcer + TypeScriptでのホットリロードが効くように設定した

suzu6 commented 2 years ago

Pathのaliasを設定する。

参考

suzu6 commented 2 years ago

パスのエイリアス

// tsconfig.json or jsconfig.json
{
  "compilerOptions": {
    "baseUrl": ".",
    "paths": {
      "@/components/*": ["components/*"]
    }
  }
}

これと eslint-import-resolver-webpackを追加した。

// .eslint.js
  // Abobe Warning: React version not specified in eslint-plugin-react settings.
  settings: {
    'import/resolver': 'webpack',
  },

参考