postcss-nested-import

PostCSS Nested Import

PostCSS plugin for importing other stylesheet source files anywhere in your CSS.

Before:

/* vendor.css */
.vendor {
  background: silver;
}

/* index.css */
:global {
  @import './vendor.css';
}

After:

:global {
  .vendor {
    background: silver;
  }
}

Usage

postcss([
  require('postcss-nested-import')
])

See PostCSS docs for examples for your environment.

Changelog

0.2.0 (2022-02-10)

• added c8 for coverage and uvu for unit tests
• enforces 100% coverage
• removed jest
• removed console.log which reports contents of the resolved @import
• moved mock test files into subfolder within test/mocks/ (previously mock vendors.css was shipping to npm)
• updated to the latest v8 PostCSS (set as peer dependency) improved the algorithm to account for both single and double and missing quotes within @import
• improved the algorithm to try-catch fs errors and report them properly
• removed Travis, added GH actions
• yarn is assumed to be the preferred over npm, but added npm lockfile to gitignore and .npmrc just in case somebody forks and tries to run it using npm i
• added prettier and eslint to trigger VSCode to format/lint the code (previous setup wasn't picked up by VSCode plugins)
• committed a fresh yarn lock file (GH actions will expect it too)

Closes issues #2, #3, #4, #5.