1. postcss-nested-import
PostCSS plugin for importing other stylesheet source files anywhere in your CSS.
postcss-nested-import
Package: postcss-nested-import
Created by: eriklharper
Last modified: Wed, 06 Sep 2023 06:00:40 GMT
Version: 1.3.0
License: MIT
Downloads: 5,583
Repository: https://github.com/eriklharper/postcss-nested-import

Install

npm install postcss-nested-import
yarn add postcss-nested-import

PostCSS Nested Import

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

GitHub CI test

Before:

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

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

After:

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

Usage

 postcss([require("postcss-nested-import")]);

See PostCSS docs for examples for your environment.

Dependencies

RELATED POST

Enhancing Vue.js Development: Harnessing the Potential of Vue-Loader

Enhancing Vue.js Development: Harnessing the Potential of Vue-Loader

Simplify Data Validation in Vue.js: A Step-by-Step Guide to Using Regex

Simplify Data Validation in Vue.js: A Step-by-Step Guide to Using Regex

Troubleshooting Made Easy: Common Issues and Solutions with vue-loader Without vue-cli

Troubleshooting Made Easy: Common Issues and Solutions with vue-loader Without vue-cli

Optimizing Webpack 4 with Vue CLI 3: Disabling the Cache-Loader

Optimizing Webpack 4 with Vue CLI 3: Disabling the Cache-Loader

Step-by-Step Guide: How to Add a Function to Your Vuex Plugin

Step-by-Step Guide: How to Add a Function to Your Vuex Plugin