やりたいこと
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しちゃいます。これはやだったので、やめました。
もっとよいやりかた、どなたか教えてください!!