postcss-import-webpack-resolver

This provides a custom css filesystem resolver for postcss-import. This provides the ability to use webpack aliases in css as described in postcss-import#190.

Install

Using npm, do:

npm install postcss-import-webpack-resolver --dev

Example

1const cssImport = require('postcss-import');
2const createResolver = require('postcss-import-webpack-resolver');
3
4const postcssPlugins = [
5  cssImport({
6    resolve: createResolver({
7      // use aliases defined in config
8      alias: webpackConfig.resolve.alias,
9
10      // include where to look for modules
11      modules: ['src', 'node_modules']
12    })
13  })
14]

createResolver(opts)

returns a postcss-import resolve function, takes the same options as enhanced-resolve. Please refer there for proper API documentation.

License

MIT 2017