Menu

キーワード

  • React
  • JavaScript
  • import
  • VisualStudio Code, VS Code

したいこと

絶対パスでimportを書きたい。

相対パスでimportが並ぶと単純に見通しが悪いだけでなく、リファクタリングしづらい。

どうやって

webpackの設定

resolve: {
    modules: ['node_modules', 'src'],
    extensions: ['.js', '.jsx']
},

VisualStudio Codeの設定

プロジェクトのルートディレクトリに jsconfig.json を作成して次を書く。

{
    "compilerOptions": {
        "target": "es2015",
        "baseUrl": "./src/"
    }
}

参考

スポンサーリンク