Registry / devops / postcss-import-webpack-resolver

postcss-import-webpack-resolver

JSON →
library1.0.1jsnpmunverified

Creates a custom resolve function for postcss-import using webpack's enhanced-resolve, enabling the use of webpack aliases and module resolution in CSS @import statements. Current stable version 1.0.1, no recent updates. It bridges postcss-import with webpack's resolver, allowing CSS files to resolve modules via webpack aliases, modules directories, and other enhanced-resolve options. Different from using postcss-import alone, which relies on Node.js module resolution; this package provides tighter integration with webpack configuration.

devops
npm install postcss-import-webpack-resolver
github ↗package ↗
INSTALL
IMPORT
SIG · POSTCSS-IMPORT-WEB
P
postcss-import-webpack-resolver
devopsjavascriptv1.0.1
harness data pending
Install & Compatibility
Where this runs

No compatibility data collected yet for this library.

Code
Verified usage

Verified import paths — ran on the pinned version, not inferred.

createResolver
✓ import createResolver from 'postcss-import-webpack-resolver'
✗ const createResolver = require('postcss-import-webpack-resolver').default
Default export, CommonJS require works with const createResolver = require('postcss-import-webpack-resolver')

Example of creating a resolver with webpack aliases and modules for postcss-import.

const cssImport = require('postcss-import'); const createResolver = require('postcss-import-webpack-resolver'); const webpackConfig = { resolve: { alias: { '@': '/src' }, modules: ['node_modules'] } }; const plugins = [ cssImport({ resolve: createResolver({ alias: webpackConfig.resolve.alias, modules: webpackConfig.resolve.modules }) }) ]; // Use with PostCSS
Debug
Known issues
deprecatedPackage is unmaintained since 2017 and may not work with modern webpack versions.
fix
Consider using postcss-import's built-in resolver or other alternatives like postcss-import-resolver.
affects: >=1.0.0
gotchaOptions passed to createResolver are passed directly to enhanced-resolve's ResolverFactory, which may have breaking changes across versions.
fix
Ensure enhanced-resolve version compatibility; check enhanced-resolve docs for option changes.
affects: >=1.0.0
breakingDoes not support webpack 5's new resolver options like 'exports' field.
fix
Use webpack 5's built-in CSS resolution or a compatible resolver.
affects: >=1.0.0
Errors
Common errors & fixes
Error: Cannot find module 'enhanced-resolve'
enhanced-resolve is a peer dependency not installed.
fix
Run npm install enhanced-resolve --save-dev
TypeError: createResolver is not a function
Incorrect import; trying to destructure or use default incorrectly.
fix
Use const createResolver = require('postcss-import-webpack-resolver') (CommonJS) or import createResolver from 'postcss-import-webpack-resolver' (ESM).
Module not found: Error: Can't resolve '...' in '...'
Alias or modules not properly configured in createResolver options.
fix
Check that alias paths and modules directories are correctly specified and exist.
Upgrade
Version history
1.0.1latest on npm
Audit
Dependencies
enhanced-resolverequiredPeer dependency used internally for file resolution; must be installed alongside.
postcss-importrequiredPeer dependency; this package provides a resolve function for postcss-import.
Agent activity
4 hits · last 30 days
node
4
Resources
githubhttps://github.com/krambuhl/postcss-import-webpack-resolver ↗
packagehttps://www.npmjs.com/package/postcss-import-webpack-resolver ↗
postcss-import-webpack-resolver — npm install postcss-import-webpack-resolver · libregistry