tureki / laravel-elixir-postcss Goto Github PK

Trying to configure it like this:

elixir(mix=> {
    mix.postcss('*.css', {
        srcDir: production ? 'public' : 'public/build',
        plugins: [
            require('postcss-short')
        ]
    })
})

But it's not working at all:

    mix.postcss('*.css', {
        ^

TypeError: mix.postcss is not a function
    at mix (/Users/grawl/Sites/laravel-project/gulpfile.js:33:6)
    at Elixir (/Users/grawl/Sites/laravel-project/node_modules/laravel-elixir/index.js:16:5)
    at Object.<anonymous> (/Users/grawl/Sites/laravel-project/gulpfile.js:32:1)
    at Module._compile (module.js:541:32)
    at Object.Module._extensions..js (module.js:550:10)
    at Module.load (module.js:456:32)
    at tryModuleLoad (module.js:415:12)
    at Function.Module._load (module.js:407:3)
    at Module.require (module.js:466:17)
    at require (internal/module.js:20:19)

Process finished with exit code 1

At least I want to have this options:

• syntax: an object providing a syntax parser and a stringifier – for example, sugar.
• parser: a special syntax parser (for example, [SCSS]).
• stringifier: a special syntax output generator (for example, [Midas]).
• map: [source map options].

Hi, i tried to compile my postcss-file and got this error:

node:44743) fs: re-evaluating native module sources is not supported. If you are using the graceful-fs module, please update it to a more recent version.
module.js:442
    throw err;
    ^

Error: Cannot find module 'laravel-elixir/Notification'
    at Function.Module._resolveFilename (module.js:440:15)
    at Function.Module._load (module.js:388:25)
    at Module.require (module.js:468:17)
    at require (internal/module.js:20:19)
    at Object.<anonymous> (/Users/sgraewe/Code/Nerdlounge/node_modules/laravel-elixir-postcss/index.js:5:20)
    at Module._compile (module.js:541:32)
    at Object.Module._extensions..js (module.js:550:10)
    at Module.load (module.js:458:32)
    at tryModuleLoad (module.js:417:12)
    at Function.Module._load (module.js:409:3)

After updating node to 5.1.1 (npm version 3.3.12), this extension causes an endless loop to start as soon as I use 'gulp watch' and save a file. Example output:

[16:14:32] Finished 'browserify' after 303 ms
[16:14:32] Finished 'watch' after 314 ms
[16:14:33] 325360 bytes written (0.62 seconds)
[16:14:33] gulp-notify: [Laravel Elixir] Browserify Compiled!
[16:14:57] Starting 'postcss'...
[16:14:57] Finished 'postcss' after 87 ms
[16:14:57] gulp-notify: [Laravel Elixir] postcss Compiled!
[16:14:58] Starting 'postcss'...
[16:14:58] Finished 'postcss' after 4.02 ms
[16:14:58] gulp-notify: [Laravel Elixir] postcss Compiled!
[16:14:59] Starting 'postcss'...
[16:14:59] Finished 'postcss' after 2.49 ms
[16:15:00] gulp-notify: [Laravel Elixir] postcss Compiled!
[16:15:01] Starting 'postcss'...
[16:15:01] Finished 'postcss' after 4.25 ms
[16:15:01] gulp-notify: [Laravel Elixir] postcss Compiled!
[16:15:02] Starting 'postcss'...
[16:15:02] Finished 'postcss' after 3.35 ms
[16:15:02] gulp-notify: [Laravel Elixir] postcss Compiled!
...

I'm using this like this

elixir(function (mix) {
  mix.postcss('./web/css/test.css')
}

Error: TypeError: mix.postcss is not a function

Do I have to make Elixir aware of the postcc mix somehow? Or am I using this the wrong way?

Hi !

Postcss failed if i use gulp --production with lost

@include max-width(tablet-portrait) {
    lost-masonry-wrap: no-flex 0px;
}

i've got this error

PostCSS - Error
   - Cannot read property 'join' of null

Maybe he can't parse css minified ?
Anyone as an idea ?

Thanks !