Doesn't compiles css

[lavezzi1]

Hello! This is my config https://gist.github.com/lavezzi1/f7d10bd44462b089a97690c2591a340e

I got output files without any compilation, I got variables and things like &__element in the output css. No errors. What I did wrong?

[ai]

We still in webpack 2 support development. Did you use postcss-loader from master by "postcss-loader": "postcss/postcss-loader" in your package.json?

[ai]

Here is a discuss: #99

We tried to fix webpack 2 support, change docs, but didn’t release it to npm yet (there are many changes, we need to check them first).

[lavezzi1]

@ai in my package.json I have "postcss-loader": "^0.13.0", "webpack": "^2.1.0-beta.19"

So you wanna say that currently postcss doesn't support webpack 2?

[ai]

0.13 has no webpack 2 support.

Could you help us and test postcss-loader from git master for webpack 2 support?

Here is discussion #97

[lavezzi1]

@ai Its pleasure to help! So I changed version of "postcss-loader": "postcss/postcss-loader" but in my case it still doesnt works. Is my config correct?

[ai]

Hm. Could you try to move plugins to postcss.config.js (docs contains example).

[lavezzi1]

I created. Got a lot of errors, example:

ERROR in /code/webpack2/ss2/node_modules/extract-text-webpack-plugin/loader.js?{"omit":1,"remove":true}!/code/webpack2/ss2/node_modules/vue-style-loader/index.js!/code/webpack2/ss2/node_modules/css-loader/index.js!/code/webpack2/ss2/node_modules/postcss-loader/index.js!/code/webpack2/ss2/node_modules/vue-loader/lib/style-rewriter.js!/code/webpack2/ss2/source/blocks/smart-table/smart-table-icon-has-status/style.css doesn't export content

ERROR in ./~/extract-text-webpack-plugin/loader.js?{"omit":1,"remove":true}!./~/vue-style-loader!./~/css-loader!./~/postcss-loader!./~/vue-loader/lib/style-rewriter.js!./source/blocks/smart-table/smart-table-icon-title-caption/style.css
Module build failed: (SystemJS) ENOENT: no such file or directory, open '/code/webpack2/ss2/loader-utils'
    Error: ENOENT: no such file or directory, open '/code/webpack2/ss2/loader-utils'
        at Error (native)
    Error loading /code/webpack2/ss2/loader-utils as "loader-utils" from /code/webpack2/ss2/node_modules/extract-text-webpack-plugin/loader.js

ERROR in /code/webpack2/ss2/node_modules/extract-text-webpack-plugin/loader.js?{"omit":1,"remove":true}!/code/webpack2/ss2/node_modules/vue-style-loader/index.js!/code/webpack2/ss2/node_modules/css-loader/index.js!/code/webpack2/ss2/node_modules/postcss-loader/index.js!/code/webpack2/ss2/node_modules/vue-loader/lib/style-rewriter.js!/code/webpack2/ss2/source/blocks/table-icon-title-caption/style.css doesn't export content

[ai]

Could you show your webpack and PostCSS config?

[lavezzi1]

@ai webpack.config.js – https://gist.github.com/lavezzi1/089d4f561ba7604a1387de971878b3df
postcss.config.js https://gist.github.com/lavezzi1/f706711ad47813b5bff2ab6365b6c0aa

[ai]

You sets PostCSS plugins to LoaderOptionsPlugin abd to PostCSS config 😊.

Could you remove it from LoaderOptionsPlugin?

[ai]

And please set syntax in gist to syntax highlight.

[lavezzi1]

@ai oh my bad, I removed but still errors. And changed syntax.

[ai]

Maybe issue cane from vue loader? At least it is vue in stacktrace.

Could you test it without vue?

[lavezzi1]

@ai Take a look at this error:

ERROR in ./source/blocks/wizard-blocks/plan/style.css
Module build failed: (SystemJS) ENOENT: no such file or directory, open '/code/webpack2/ss2/loader-utils'
    Error: ENOENT: no such file or directory, open '/code/webpack2/ss2/loader-utils'
        at Error (native)
    Error loading /code/webpack2/ss2/loader-utils as "loader-utils" from /code/webpack2/ss2/node_modules/extract-text-webpack-plugin/loader.js

Why it imports from projects root directory instead of node_modules.