Reactでファイルパスエイリアスを素早く設定する方法

React は、ユーザー インターフェイスを構築するための JavaScript ライブラリです。Facebook の社内プロジェクトから生まれました。同社は市場にあるすべての JavaScript MVC フレームワークに満足していなかったため、Instagram の Web サイトを構築するために独自のフレームワークを作成することにしました。開発後、このシステムは非常に有用であることがわかり、2013年5月に一般公開しました。

React は、ユーザー インターフェイスを構築するための JavaScript ライブラリです。

React は主に UI の構築に使用され、React は MVC の V (ビュー) であると考える人が多いです。

React は Facebook の社内プロジェクトとして始まり、Instagram の Web サイトの構築に使用され、2013 年 5 月にオープンソース化されました。

React はパフォーマンスが高く、コードロジックも非常にシンプルなため、注目して使用する人が増えています。

webpackは設定ファイルを隠しているので、まずそれを公開する必要があります。プロジェクトディレクトリに入ったら、cmdで次のコードを実行します。

npm 実行イジェクト

本当にログアウトしますか?この動作は永続的です。
y と入力して Enter キーを押します。実行が完了したら、プロジェクト フォルダー内の config フォルダーを見つけます。

webpack.config.jsを開く

Ctrl+Fを押してエイリアスを検索し、設定項目を見つけます

マッピングを設定するには、次の設定を参照してください。

エイリアス: {
        「リアクトネイティブ」：「リアクトネイティブウェブ」
        ...(isEnvProductionProfile && {
          "react-dom$": "react-dom/プロファイリング",
          "スケジューラ/トレース": "スケジューラ/トレース-プロファイリング",
        }）、
        ...(modules.webpackAliases || {})、
        // 設定ファイルのエイリアス。エイリアスは左側、対応するパスは右側にあります。 "@": path.resolve(__dirname, "../src"),
        "@scss": path.resolve(__dirname, "../src/assets/scss"),
        "@images": path.resolve(__dirname, "../src/assets/images"),
        "@views": path.resolve(__dirname, "../src/views"),
        "@components": path.resolve(__dirname, "../src/components"),
      },

設定が完了したら、プロジェクトを再起動するだけです。

これで、React でファイル パス エイリアスをすばやく設定する方法に関するこの記事は終了です。React のファイル パス エイリアスに関するより詳しい情報については、123WORDPRESS.COM の以前の記事を検索するか、以下の関連記事を引き続き参照してください。今後も 123WORDPRESS.COM をよろしくお願いいたします。