Laravel Mix не применяет sass mixin CLI работает - PullRequest
Новая
       61

Laravel Mix не применяет sass mixin CLI работает

0 голосов
/ 21 апреля 2020

У меня есть простое веб-приложение, в котором я использую базовую конфигурацию Laravel Mix. Проблема в том, что мой sass mixin не включен, и что более важно, здесь нет ошибки.

Есть что-то, чего я не вижу?

Я попробовал линию sass commande, и она работает как должно.

Все мои файлы S CSS находятся в папке resources/sass/

У меня есть login.scss: 

@import "mixin";

html {
    height: 100%;

}

body {
    font-family: "Poppins", sans-serif;
    font-size: 14px;
    line-height: normal;
    height: 100%;

    * {
        @include transition(border-color 0.3s ease, color 0.3s ease, background-color 0.3s ease, opacity 0.3s ease);
    }
}

//More scss down there

и _mixin.scss файл: 

@mixin transition($transition...) {
    -moz-transition: $transition;
    -o-transition: $transition;
    -webkit-transition: $transition;
    transition: $transition;
}

и вот содержание моего webpack.mix.js: 

const mix = require('laravel-mix');
mix.sass('resources/sass/login.scss', 'public/css');

мои результаты login.css: 

html {
  height: 100%;
}

body {
  font-family: "Poppins", sans-serif;
  font-size: 14px;
  line-height: normal;
  height: 100%;
}

body * {
  transition: border-color 0.3s ease, color 0.3s ease, background-color 0.3s ease, opacity 0.3s ease;
}
...