Yii2'de SASS/SCSS nasıl kullanılır?

Question

Yeni projede küstahlık/SCSS kullanmak istiyorum ama bir türlü çalışmıyor. Ben yii2-varlık-dönüştürücü kullanıyorum ve SCSS-dosyayı dönüştürmek çalıştığınızda, aşağıdaki hata atılır:,

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

Ben yol ../phamlp/ ve ihbar kontrol ettiğimi Klasör sass resp. SassParser.php mevcut değil. SassParser.php, yii2-varlık dönüştürücüsünün gerektirdiği uzatma satıcısı/richthegeek/phpsass'ta bulunur.

ben gibi bazı yollar denediniz: @ vendor/richthegeek/phpsass veya

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

Ama biliyorum ki siz sorunu çözmek için nasıl biliyorum umut başarısız denemeden bir çok .Montajdan sonra çalıştı etmez.

PS: Ben

Answer 1

PhalmP veya phpsass kullanmayın gelişmiş uygulama şablonu kullanın. Bunlar modası geçmiş. Modern Sass kütüphanelerini kullanırken, onlarla hiçbir zaman tatmin edici sonuçlar elde edemezsiniz.

Orijinal Sass'ı bağımsız olarak kullanın.

Ruby'yi (zaten almış olabilirsiniz) ve Sass'u yükleyin ve derlemek için sass komut satırı aracını kullanın.

Ayrıca, Compass kullanımı hayatınızı kolaylaştırabilir. Pusula, Sass kodunuzu düzenlemenize yardımcı olur ve ayrıca bir çok faydalı yardımcı ile Sass kütüphanesi sağlar.

Answer 2

this plugin'u kullanabilirsiniz.

Ancak sass kodunuzu tek bir dosyada birleştirmeniz gerekir.

Burada config/web.php örneği var

'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 
        ], 
       ], 
      ] 
     ] 
    ]