gulp-import-css

KO | EN

gitlite — search

#react #llm #golang #rust #deep-learning #docker #macos #awesome #cli #kubernetes #security #mcp #openai #open-source

gulp-import-css

(★ 15)

Import several css files into a single file

gulp-import-css Latest Version Download

Download Latest Version (.zip)

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

gulp-import-css [![Build Status](https://travis-ci.org/yuguo/gulp-import-css.svg?branch=master)](https://travis-ci.org/yuguo/gulp-import-css)
===============

Import several css files into a single file, one by one, rebasing urls and inlining @import

## Install

Install with [npm](https://npmjs.org/package/gulp-import-css).

```
npm install --save-dev gulp-import-css
```

## Examples

Let's say you have `assets/reset.css`:

```css
body {margin: 0}
```

`assets/home.css`:

```css
@import url('reset.css');
/* Important: can't be @import 'reset.css' */
.home {font-size: 14px; }
```

After `gulp` you get `dist/home.css`:

```css
body {
  margin: 0;
}

/* Important: can't be @import 'reset.css' */

.home {
  font-size: 14px;
}
```

This is the `Gulpfile.js`:

```js
var gulp = require('gulp');
var importCss = require('gulp-import-css');

gulp.task('default', function () {
  gulp.src('assets/home.css')
    .pipe(importCss())
    .pipe(gulp.dest('dist/'));
});
```

Now, run the command `gulp` to get the combined css file.

## License

[MIT](http://en.wikipedia.org/wiki/MIT_License) @ yuguo

gulp-import-css

gulp-import-css Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

gulp-import-css

gulp-import-css Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

Download README