React/絶対パスでimportを書く

キーワード

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/"
    }
}

参考

作成日 2018-11-04