☰

create-react-app でインポートショートカット/エイリアスを作成するにはどうすればいいですか? 質問する

tag-icon • tag-icon javascript reactjs webpack alias create-react-app
create-react-app でインポートショートカット/エイリアスを作成するにはどうすればいいですか? 質問する

create-react-app でインポート ショートカット/エイリアスを設定するにはどうすればよいでしょうか?

import { Layout } from '../../Components/Layout'

これに:

import { Layout } from '@Components/Layout'

私のバージョンは 4.42.0 ですwebpack。ルート ディレクトリに webpack.config.js ファイルがありません。次のコードを使用して自分で作成してみました:

const path = require('path')

module.exports = {
  resolve: {
    alias: {
      '@': path.resolve(__dirname, 'src/'),
    }
  }
};

しかし、うまくいかないようです。ファイルNODE_PATH=.内のバリアントを確認しました。しかし、これは非推奨なので、使用しない方が良いと思います。また、ファイルがあります。TailwindCss をインストールし、そこに CSS ライブラリをインポートしたためです。そこに同じコードを貼り付けようとしましたが、うまくいきませんでした。.envposstcss.config.js

ベストアンサー1

Create React App v.3でついに可能になりました

ただ次のように入力します:

{
  "compilerOptions": {
    "baseUrl": "src"
  },
  "include": ["src"]
}

またはTypescriptを使用するjsconfig.json場合tsconfig.json

ここは素晴らしい記事これについて。

おすすめ記事