laravel mixでresolve aliasを利用していますが、sassに記述したパスの解決ができません。
vueのimportのパスだとresolve aliasが動作していることを確認しました。
お時間ありましたらヒントになるコメントでもかまいませんので頂けると助かります。
環境
windows10
laravel mix 2
発生したエラー
Module build failed: ModuleNotFoundError: Module not found: Error: Can't resolve './@fonts/yakuhan/YakuHanJP-Regular.eot'
コンパイルするtest.scssファイル
scss:css
1@font-face { 2 font-family: "YakuHanJP"; 3 font-style: normal; 4 font-weight: normal; 5 src: url("@fonts/yakuhan/YakuHanJP-Regular.eot"); 6} 7 8.test { 9 background-image: url(@images/slash-test.svg); 10}
webpack.mix.js
javascript
1let mix = require("laravel-mix") 2 3mix.webpackConfig({ 4 resolve: { 5 alias: { 6 "@fonts": path.resolve(__dirname, "resources/assets/fonts"), 7 "@images": path.resolve(__dirname, "resources/assets/images") 8 } 9 } 10}) 11 12mix.sass("resources/assets/sass/test.scss", "public/css")
あなたの回答
tips
プレビュー