Download the PHP package max-dreamsoft/yii2-asset-converter without Composer

Only for YII2 with the new Asset Manager, convert Less and Sass files to CSS whithout external tools and executable. The sass and less files are converted with PHP libraries It replace the AssetConverter who use external tools. The Less and Sass file are converted with time source files dependency.

Requirements

YII 2.0

Usage

1) Install with Composer

"require": {
    "dreamsoft/yii2-asset-converter": "1.*",
},

php composer.phar update

2) Modify assetManager in your configuration file {app}/protected/config/main.php

    'assetManager' => [
        'bundles' => require(__DIR__ . '/assets.php'),
        'converter'=> [
            'class'=>'dreamsoft\assetConverter\Converter',
        ]
    ],

3) Create .gitignore in 4) Enjoy!

• Files with extension .sass are converted to a .css file
• Files with extension .less are converted to a .css file
• Files with extension .scss are converted to a .css file

Example of assets config file /protected/config/assets.php

return [
    'app' => [
        'basePath' => '@webroot',
        'baseUrl' => '@web',
        'css' => [
            'css/bootstrap.min.css',
            'css/bootstrap-responsive.min.css',
            'css/site.css',
            'css/less_style.less',
            'css/sass_style.sass',
        ],
        'js' => [

        ],
        'depends' => [
            'yii',
        ],
    ],
];

Where is compiled files?

By default it present at @webroot/compiled But you can change it by destinationDir property from config

Full configuration

'components' => [
    'assetManager' => [
        'converter'=> [
            'class'=> 'dreamsoft\assetConverter\Converter',
            'force'=> false, // true : If you want convert your sass each time without time dependency
            'destinationDir' => 'compiled', // at which folder of @webroot put compiled files
            'destinationDirPerms' => 0755, // permissions to assign to destinationDir
            'recursiveRecompileCheck' => false, // check timestamps of all source siblings and children
            'parsers' => [
                'sass' => [ // file extension to parse
                    'class' => 'dreamsoft\assetConverter\Sass',
                    'output' => 'css', // parsed output file type
                    'options' => [
                        'cachePath' => '@app/runtime/cache/sass-parser' // optional options
                    ],
                ],
                'scss' => [ // file extension to parse
                    'class' => 'dreamsoft\assetConverter\Scss',
                    'output' => 'css', // parsed output file type
                    'options' => [] // optional options
                ],
                'less' => [ // file extension to parse
                    'class' => 'dreamsoft\assetConverter\Less',
                    'output' => 'css', // parsed output file type
                    'options' => [
                        'auto' => true, // optional options
                    ]
                ]
            ]
        ]
    ],
],

Also, for SCSS files you can use alternate configuration:

'components' => [
    'assetManager' => [
            'converter'=> [
                // ...
                'parsers' => [
                    // ...
                    'scss' => [ // file extension to parse
                        'class' => 'dreamsoft\assetConverter\Scss',
                        'output' => 'css', // parsed output file type
                        'options' => [ // optional options
                            'enableCompass' => true, // default is true
                            'importPaths' => [], // import paths, you may use path alias here, 
                                // e.g., `['@path/to/dir', '@path/to/dir1', ...]`
                            'lineComments' => false, // if true — compiler will place line numbers in your compiled output
                            'generateMap' => false, // if true — compiler will generate map **
                            'outputStyle' => 'nested', // May be `compressed`, `crunched`, `expanded` or `nested`,
                                // see more at http://sass-lang.com/documentation/file.SASS_REFERENCE.html#output_style
                        ],
                    ],
                ],
            ],
        ],
    // ...

** possible values for generateMap are:

• \Leafo\ScssPhp\Compiler::SOURCE_MAP_FILE
• \Leafo\ScssPhp\Compiler::SOURCE_MAP_INLINE
• all (bin) positive values are SOURCE_MAP_FILE
• all (bin) negative values are SOURCE_MAP_NONE