Resolving "like a module" using postcss-import

[paulyoung]

We're using the feature css-loader feature described in webpack-contrib/css-loader#12 (comment) to allow @imports to be resolved "like a module" by prefixing them with ~.

For example:

@import "../../node_modules/normalize.css/normalize.css";

is instead written as:

@import "~normalize.css/normalize.css"

This stops working when using postcss-import. Is there a way to allow this to continue to work?

[MoOx]

postcss-import already handle node_modules.
You can do

@import "normalize.css"

This will inline CSS so css-loader won't see any imports after you use this plugin.

[paulyoung]

Thanks! In our case we are importing specific files so all I needed to do was change:

@import "~foo/bar.css";

to:

@import "foo/bar.css";