Jak korzystać z SASS/SCSS w Yii2?

Question

Chcę użyć sass/scss w nowym projekcie, ale jakoś nie działa. Używam yii2-Asset-konwerter i gdy próbuję przekonwertować SCSS plik następujący błąd jest generowany:

Class @app/extensions/assetparser/vendors/phamlp/sass/SassParser does not exist

jestem sprawdzanie ../phamlp/ i zawiadomienie ścieżka, że Folder sass resp. SassParser.php nie istnieje. SassParser.php znajduje się w rozszerzeniu vendor/richthegeek/phpsass, co jest wymagane przez konwerter aktywów yii2.

Próbowałem niektóre ścieżki jak: @ vendor/richthegeek/phpsass lub

__DIR__/../../vendor/richthegeek/phpsass 

Ale to nie działało .Po wielu nieudanych próbach, mam nadzieję, że niektórzy z was wiedzą, jak rozwiązać ten problem.

PS: I korzystać z zaawansowanych App szablon

Answer 1

nie używaj PhalmP lub phpsass. Są one nieaktualne. Nigdy nie uzyskasz satysfakcjonujących wyników, szczególnie w przypadku korzystania z nowoczesnych bibliotek Sass.

Użyj oryginalnego Sass jako samodzielnego.

Po prostu zainstaluj Ruby (możesz już to mieć) i Sass i użyj narzędzia wiersza poleceń sass do kompilacji.

Również użycie Compass może ułatwić Ci życie. Kompas pomaga uporządkować swój kod Sass, a także zapewnia bibliotekę Sass z wieloma przydatnymi pomocnikami.

Answer 2

Można użyć this plugin.

Ale musisz połączyć swój kod sass w jednym pliku.

Oto przykład config/web.php

'assetManager'=>[ 
     'converter'=>[ 
      'class'=> 'nizsheanez\assetConverter\Converter', 
      'force'=> true, // true : If you want convert your sass each time without time dependency 
      'destinationDir' => '', //at which folder of @webroot put compiled files 
      'parsers' => [ 
       'scss' => [ // file extension to parse 
        'class' => 'nizsheanez\assetConverter\Scss', 
        'output' => 'css', // parsed output file type 
        'options' => [ // optional options 
         'enableCompass' => true, // default is true 
         'importPaths' => ['/sass','/sass/_offers'], // import paths, you may use path alias here, 
         // e.g., `['@path/to/dir', '@path/to/dir1', ...]` 
         'lineComments' => true, // if true — compiler will place line numbers in your compiled output 
         'outputStyle' => 'expanded', // May be `compressed`, `crunched`, `expanded` or `nested`, 
         // see more at http://sass-lang.com/documentation/file.SASS_REFERENCE.html#output_style 
        ], 
       ], 
      ] 
     ] 
    ]