Help us understand the problem. What is going on with this article?

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

More than 1 year has passed since last update.

ディレクトリ一覧

ディレクトリ名 ディレクトリ名の変更 用途
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 ページ間のトランジションのデフォルト設定を指定できる
taquaki-satwo
Webエンジニア。ユーザーの幸せネバーダイ。
zozotech
70億人のファッションを技術の力で変えていく
https://tech.zozo.com/
Why not register and get more from Qiita?
  1. We will deliver articles that match you
    By following users and tags, you can catch up information on technical fields that you are interested in as a whole
  2. you can read useful information later efficiently
    By "stocking" the articles you like, you can search right away