More than 3 years have passed since last update.

Nuxtでビルドしたファイルがドット(.)から始まるファイル名の場合

Posted at 2020-07-20

Nuxtでビルドした際にビルドされたファイルが.12345678.jsのようなファイル名になってしまう場合がありました。
ドットから始まるファイルなので、隠しファイル扱いとなり、正常にファイルの読み込みが完了しませんでした。

ドキュメントを参考にチャンクの設定を見直しました。
https://ja.nuxtjs.org/api/configuration-build/#filenames

元々デフォルトの設定と同じですが、なぜか違う出力となっていました。
以下の記述を追記しました。

nuxt.config.js


export default {
  build: {
    filenames: {
      chunk: ({ isDev }) => isDev ? '[name].js' : '[contenthash].js'
    }
  }
}

ファイル名が以下のようになり正常に読み込めまるようになりました。
523574247686ba92d86d.js