【nuxt.JS】assertsとstaticの使い分けについて

Question

前提・実現したいこと

assetsとstaticで画像を扱う時に、それぞれのパスの書き方は理解できています。（単純に画像を表示させるという意味で。）

いろんな記事を見てもパスの書き方は分かりやすく書かれているのですが、使い分け方の説明になるとほとんどの記事が、

コンパイルしたいかどうか（webpackしたいか）

的な感じで書かれています。

そもそもじゃあどんな時にコンパイルが必要なのか、どんな時はしなくてもいいのかというのが分かりません。

assetsとstaticの使い分け以前に、根本的なところが理解ができていないと思うので、そう言った意味でもアドバイス頂きたいです！

Answer 1

最初に書かれている通り「webpackを通すかどうか」だと思います。
公式にも似たような事が書かれてますね

自動で圧縮したい画像やコンパイルが必要なSASSファイルなんかはassetsに入れてwebpackを通して処理することができます。
逆にそういった処理の必要がない生のcssファイルや圧縮済みの画像ファイルなんかはstaticに入れてしまって良いと思います。

Comments

[yuppio]

画像の場合は圧縮してもいいか（した方が良いか）で判断する感じですかね。
有難うございます！