# gulp-sass-glob-use-forward

> import directories in your SCSS with @use and @forward

Latest version **0.1.3** (published 2021-04-28) · MIT license · 0 weekly downloads

## Install

```sh
npm install gulp-sass-glob-use-forward
pnpm add gulp-sass-glob-use-forward
yarn add gulp-sass-glob-use-forward
bun add gulp-sass-glob-use-forward
```

## Health

**Score 15/100 (F)** — status: abandoned.

Positive: no vulnerabilities.

Warnings: low downloads; no types; no esm support; pre 1.0.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 0.1.3 |
| Published | 2021-04-28 |
| First published | 2021-04-28 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 3 |
| Unpacked size | 8 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 7 |
| Author | Jake Rambo |
| Maintainers | jakerambo |
| Keywords | gulpplugin, scss, sass, glob, import, directory, bulk, import, sass |

## Links

- npm: https://www.npmjs.com/package/gulp-sass-glob-use-forward
- Repository: https://github.com/jakerambo/gulp-sass-glob-use-forward
- Issues: https://github.com/jakerambo/gulp-sass-glob-use-forward/issues
- npm.io page: https://npm.io/package/gulp-sass-glob-use-forward

## Dependencies (3)

- [glob](https://npm.io/package/glob.md) ^4.5.3
- [slash](https://npm.io/package/slash.md) ^1.0.0
- [through2](https://npm.io/package/through2.md) ^0.6.5

## Recent versions

- 0.1.3 (latest) — 2021-04-28
- 0.1.2 — 2021-04-28
- 0.1.1 — 2021-04-28
- 0.1.0 — 2021-04-28

## README

gulp-sass-glob-use-forward
=====================

gulp task to allow importing directories in your SCSS using @use and @forward.

Similar to [gulp-sass-glob-import](https://github.com/bleuarg/gulp-sass-glob-import) but supports @use and @forward instead.


## installation

```
npm install --save-dev gulp-sass-glob-use-forward
```


## usage


#### in your .scss file

```scss
@forward "some/path/*";

// becomes
// @forward "some/path/file1.scss";
// @forward "some/path/file2.scss";
// ...

@use "some/path/*";

// becomes
// @use "some/path/file1.scss";
// @use "some/path/file2.scss";
// ...

@use "some/path/*" as *;

// becomes
// @use "some/path/file1.scss" as *;
// @use "some/path/file2.scss" as *;
// ...

```

#### in your gulpfile

```js
var bulkSass = require('gulp-sass-glob-use-forward');

gulp.task('css', function() {
    return gulp
            .src(srcDir + 'stylesheets/app.scss')
            .pipe(bulkSass())
            .pipe(
                sass({
                    includePaths: ['src/stylesheets']
                }))
            .pipe( gulp.dest('./public/css/') );
});
```

---
_Source: https://npm.io/package/gulp-sass-glob-use-forward · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._