This Laravel Elixir extension allows you easy to compile PostCSS.
If this package helpful and save your time. Do not forget star it :)
$ npm install laravel-elixir-postcss --save-develixir(function(mix) { //app.css, *.css, **/*.css elixir.postcss('app.css'); });elixir(function(mix) { mix.postcss('app.css', { plugins:[ require('postcss-nested') ] }); });You can set the options using other parsers like scss, sugarss etc.
elixir(function(mix) { mix.postcss('app.css', { options: { parser: require('postcss-scss') }, }); });Use parser and plugins.
elixir(function(mix) { mix.postcss('app.css', { options: { parser: require('sugarss') }, plugins: [ require('postcss-nested') ], }); });This extension accept two parameters:
- An string of files.
- An object of options.
Common options:
options: See postcss common options.output: destination's pathplugins: postcss's plugins.srcPath: source's directory.sourcemaps: enable source map.watchs: additional watch directories.
{ options: {}, output : 'public/css', plugins : [], srcPath : 'resources/assets/postcss/', sourcemaps: true, //default value follow `elixir.config.sourcemaps` watchs: [], }Welcome PR and play it 😄