17
14

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 3 years have passed since last update.

nuxt 2 で静的ファイルの生成時にファイル名を固定したい。

Last updated at Posted at 2018-11-17

2019/12/24

現状、macとwindowsで出力形式が違います。
解決ができていないので、以下記事は微妙。


nuxt generateで静的ファイルの生成・納品をしていると「差分でほしい」とおねがいされることがある。

差分で受領するメリットは

  • 修正したファイルのみアップロードするため、先祖返りが起きにくい。
  • 修正箇所が比較しやすい。

の2点。

ディフォルトでは、ファイル名がhashになりnuxt generateのたびに全ファイル修正となる。また、修正箇所を比較するにもminifyされているため、diffできない。

上記2点のメリットが無くなってしまうので、設定を変更しておく。

静的ファイルの生成時にファイル名を固定

nuxt generate実行時は、hashを使わないようにfilenamesに指示を書く。正確にはnuxt buildも含めhashがつかない。

nuxt.config.js
  build: {
    filenames: {
      app: () => '[name].js',
      chunk: () => '[name].js',
      css: () => '[name].js',
      img: () => '[path][name].[ext]',
      font: () => '[path][name].[ext]',
      video: () => '[path][name].[ext]'
    },
    ...
  },

参考:https://ja.nuxtjs.org/api/configuration-build/#filenames

静的ファイルの生成時はminifyしないようにする。

というか、改行してほしかったんだけど、Nuxtディフォルトの機能(html.minify)では無理であった。


差分ファイルのみのメリットとなりそうだ。無念。

17
14
6

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
17
14

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?