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 をよろしくお願いいたします。

以下もご興味があるかもしれません: