Next.JSでインポート場所を短くする方法はありますか?

ジョシュアガリット

私は伝統的にVueから来ており、同じインポート{}を '@ / whateverから取得したいのですが、場所にはドットドットインポート{} from' ./../../from/source/fileがたくさんあるようです。

ここに画像の説明を入力してください

このようなプロセス中にインストールがあった場合はお知らせください

Gh05d

これを行うには、pathsプロパティjsconfig.jsonを編集しますgraphqlのショートカットが必要な場合は、次のように実行できます。

// jsconfig.json

{
  "compilerOptions": {
    "baseUrl": ".",
    "paths": {
      "graphql/*": ["graphql/*"]
    }
  }
}

あなたのimport声明はこれにとても短くなります:

import { ADD_USER_MUTATION } from "graphql/mutations"
import { GET_USER_BY_EMAIL_QUERY } from "graphql/queries"

これは、graphqlフォルダーがルートディレクトリにある場合にのみ機能します。詳細については、こちらをご覧ください

この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。

侵害の場合は、連絡してください[email protected]

編集
0

コメントを追加

0

関連記事

分類Dev

複数の.next()を短縮する方法はありますか?

分類Dev

コンポーネントを配置する場所は、next.jsファイルにマウントされました

分類Dev

イテレータには.next()があります-次の要素ではなく前の要素を取得する方法はありますか?

分類Dev

Next.js | .xmlファイルをレンダリングする方法はありますか?

分類Dev

Next.jsコンポーネント内でsvg画像を使用する方法は?

分類Dev

Next.jsコンポーネントにsvgをインポートする方法は?

分類Dev

DjangoをNext.jsと統合する方法はありますか?

分類Dev

ストリームが空の場合(次の要素を待つ必要がある場合)、StreamExt :: nextを非ブロッキング(高速で失敗)にする方法はありますか?

分類Dev

Next.jsとpkg。構文では、次のいずれかのパーサープラグインを有効にする必要があります: 'flow、typescript'

分類Dev

If-Thenステートメントを含むFor-Nextのより効率的な方法はありますか?

分類Dev

next.jsでポートを設定する方法

分類Dev

JSONファイルから画像の場所を動的に読み込んでいます-(モジュールが見つかりません...)React、Next.js

分類Dev

Next.js / Reactプロジェクトでエラーを返すコンポーネントはありません

分類Dev

ToggleをMaterialにインポートする方法-ui @ next

分類Dev

Next.jsアプリでページコンポーネントをいくつかの `/ pages`ディレクトリに分離する方法

分類Dev

Nextイベントで値を必要としないObservableの優先タイプはありますか?

分類Dev

Storybookでnext.js画像コンポーネントをモックする方法は?

分類Dev

next = __next__は何をしますか?

分類Dev

next.jsを使用するとサーバーエラーが発生しました。エラー:react-reduxコンテキスト値が見つかりませんでした。コンポーネントが<プロバイダー>でラップされていることを確認してください

分類Dev

express.jsでnext()を省略した場合はどうなりますか?

分類Dev

Next.jsでAPIルートを保護する方法は?

分類Dev

Next.jsグローバルCSSは、カスタム<App>以外のファイルからインポートすることはできません。

分類Dev

Next.jsにSVGをインポートできません

分類Dev

node.js / Expressで、next()の後にreturnステートメントが必要な場合と不要な場合があるのはなぜですか?

分類Dev

インポートはnext.jsのページに反応します

分類Dev

ES6には、iterator.next();があります。iterator.previous()を提供する方法はありますか?

分類Dev

Twitter APIで、毎回呼び出すことなく、cursor_nextのすべての値を取得する方法はありますか?

分類Dev

Axiosはnext.jsからLaravelエンドポイントへのリクエストを取得します

分類Dev

Next.js。レイアウトでコンポーネントのgetInitialPropsを呼び出す方法

Related 関連記事

  1. 1

    複数の.next()を短縮する方法はありますか?

  2. 2

    コンポーネントを配置する場所は、next.jsファイルにマウントされました

  3. 3

    イテレータには.next()があります-次の要素ではなく前の要素を取得する方法はありますか?

  4. 4

    Next.js | .xmlファイルをレンダリングする方法はありますか?

  5. 5

    Next.jsコンポーネント内でsvg画像を使用する方法は?

  6. 6

    Next.jsコンポーネントにsvgをインポートする方法は?

  7. 7

    DjangoをNext.jsと統合する方法はありますか?

  8. 8

    ストリームが空の場合(次の要素を待つ必要がある場合)、StreamExt :: nextを非ブロッキング(高速で失敗)にする方法はありますか?

  9. 9

    Next.jsとpkg。構文では、次のいずれかのパーサープラグインを有効にする必要があります: 'flow、typescript'

  10. 10

    If-Thenステートメントを含むFor-Nextのより効率的な方法はありますか?

  11. 11

    next.jsでポートを設定する方法

  12. 12

    JSONファイルから画像の場所を動的に読み込んでいます-(モジュールが見つかりません...)React、Next.js

  13. 13

    Next.js / Reactプロジェクトでエラーを返すコンポーネントはありません

  14. 14

    ToggleをMaterialにインポートする方法-ui @ next

  15. 15

    Next.jsアプリでページコンポーネントをいくつかの `/ pages`ディレクトリに分離する方法

  16. 16

    Nextイベントで値を必要としないObservableの優先タイプはありますか?

  17. 17

    Storybookでnext.js画像コンポーネントをモックする方法は?

  18. 18

    next = __next__は何をしますか?

  19. 19

    next.jsを使用するとサーバーエラーが発生しました。エラー:react-reduxコンテキスト値が見つかりませんでした。コンポーネントが<プロバイダー>でラップされていることを確認してください

  20. 20

    express.jsでnext()を省略した場合はどうなりますか?

  21. 21

    Next.jsでAPIルートを保護する方法は?

  22. 22

    Next.jsグローバルCSSは、カスタム<App>以外のファイルからインポートすることはできません。

  23. 23

    Next.jsにSVGをインポートできません

  24. 24

    node.js / Expressで、next()の後にreturnステートメントが必要な場合と不要な場合があるのはなぜですか?

  25. 25

    インポートはnext.jsのページに反応します

  26. 26

    ES6には、iterator.next();があります。iterator.previous()を提供する方法はありますか?

  27. 27

    Twitter APIで、毎回呼び出すことなく、cursor_nextのすべての値を取得する方法はありますか?

  28. 28

    Axiosはnext.jsからLaravelエンドポイントへのリクエストを取得します

  29. 29

    Next.js。レイアウトでコンポーネントのgetInitialPropsを呼び出す方法

ホットタグ

アーカイブ