astro-use

This npm plugin will create _index.scss for Astro glob.
For example, if you want to @use the files _hoge01.scss and _hoge02.scss, this plugin will generate _index.scss

Installation

npm install astro-use

You need to install chokidar.

Usage

Specify the target folder you want to @use in Astro.config.mjs

The following is a sample of the folder to be used "/src/scss/hoge" and ". /src/scss/fuga" as the target folder Specify in an array

//astro.config.mjs

import { defineConfig } from "astro/config";
import { astroUse } from "astro-use";

export default defineConfig({
  ...

  plugins: [
    astroUse([
      "./src/scss/hoge",
      "./src/scss/fuga"
    ]),
  ],
});