やりたいこと

laravel的な環境で app.scss から /assets/logo.jpg を絶対パス参照したい

ディレクトリ構成

www/
  public/
    assets/
      logo.jpg
  resouces/
    css/
      app.scss
  vite.config.js

こうしました

rootに assets をシンボリックリンクしました。

$ cd www
$ ln -s public/assets

これで npm run dev 時も、npm run build時も、画像を参照できます。

app.scss

div {
  background: url("/assets/logo.jpg")
}

vite.config.js

resolve: {
    alias: {
        "@": `${__dirname}/public/`, // url("@/assets/logo.jpg")で参照する
    },
}

こんな感じに参照しようとすると、build時に、参照画像を public/build/ 内にcopyしちゃいます。これはやだったので、やめました。

もっとよいやりかた、どなたか教えてください！！