LoginSignup
4
8

More than 5 years have passed since last update.

Nuxt.js のディレクトリと設定ファイル

Posted at

ディレクトリ一覧

ディレクトリ名 ディレクトリ名の変更 用途
assets コンパイルされていないCSSファイルやJSファイルを入れる
components Vue.jsのコンポーネントファイルを入れる
layouts 不可 レイアウトファイルを入れる
middleware ミドルウェアを入れる
ページをレンダリングするよりも前に実行されるカスタム関数を定義できる
pages 不可 ビュー及びルーティングファイルを入れる
plugins アプリケーションをインスタンス化する前に実行したいJSプラグインを入れる
static 不可 静的ファイルを入れる
このディレクトリ内のファイルはいずれも / に配置される
store 不可 Vuex ストア のファイルを入れる

設定ファイル

nuxt.config.js

  • ファイル名変更不可
オプション名 用途
build vendor.bundle.jsファイルにモジュールを追加できる
css グローバルに利用したいCSSを指定できる
dev 開発モードまたはプロダクションモードを定義できる
env クライアントサイドでもサーバーサイドでも使える環境変数を指定できる
generate 動的なルーティングをしているアプリケーションをHTMLに変換するときに使う
動的なルーティングに用いるパラメータを指定できる
head アプリケーションのメタ情報を指定できる
loading デフォルトのローディングコンポーネントをカスタマイズできる
modules プロジェクトにnuxtモジュールを追加できる
plugins アプリケーションをインスタンス化する前に実行したいJSプラグインを指定できる
rootDir アプリケーションのワークスペースを指定できる
router デフォルトの vue-router 設定を上書きできる
srcDir アプリケーションのソースディレクトリを指定できる
transition ページ間のトランジションのデフォルト設定を指定できる
4
8
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
4
8