Laravel MixでSassのコンパイルを行う

Laravel Mixのインストール

Laravel sailを使用している方はsail root-shellコマンドで事前にコンテナに接続しておいてください。


npm i

webpack.mix.jsに下記コードを追加


// 第一引数にコンパイル元のscssファイルのパスを指定、第二引数に出力ディレクトリを指定します。
mix.sass("resources/sass/style.scss", "public/css").options({
    processCssUrls: false,
});

Laravel Mixの実行&Sassファイルの変更監視


npm run watch

# Laravel Sailを使用している場合はsailコマンドを使用します
sail npm run watch

参考