CSS Modules: Resolve Imports
Transforms:
/)
into:
Note: should be used after postcss-modules-extract-imports and postcss-modules-scope.
The postcss-moduels-resolve-imports
plugin also fixes @import
and url()
paths (which doesn't start from /
) for the included modules from the different folders.
Options
icssExports
boolean
Adds the :export
declaration to the resulting css. In case you need the JavaScript object with tokens, you may obtain it by accessing the lazyResult.root.exports
property. For example,
const lazyResult = ;const tokens = lazyResultrootexports;
resolve
object
Configure how modules should be resolved.
resolve.alias
object
Create an aliases for the modules paths. For example, create an alias for the lib directory with common modules:
alias: lib: path
Now, instead of using relative paths when composing:
you can use the alias:
resolve.extensions
array
Automaticaly check files with the provided extensions.
'.css'
Allows you to omit file extensions while using compose:
resolve.modules
array
Provide additional directories to check the modules in. Should be absolute paths only.
path
resolve.mainFile
string
Specifies the default filename to be used while resolving directories. Default: index.css
.
resolve.preserveSymlinks
boolean
Wether to resolve symlinks in paths. Defaults to nodejs behaviour: false
,
(parsed from --preserve-symlinks
or environment variable PRESERVE_SYMLINKS
).
Reference Guides
- Interoperable CSS: https://github.com/css-modules/icss
- NodeJS modules resolving mechanism: https://nodejs.org/dist/latest-v6.x/docs/api/modules.html#modules_all_together
License
The MIT License