# gulp-inline-html

> inline js & css into html file

Latest version **0.0.2** (published 2018-07-06) · MIT license · 0 weekly downloads

## Install

```sh
npm install gulp-inline-html
pnpm add gulp-inline-html
yarn add gulp-inline-html
bun add gulp-inline-html
```

## 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.0.2 |
| Published | 2018-07-06 |
| First published | 2018-07-06 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 4 |
| Unpacked size | 5.9 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| Author | zechengdai |
| Maintainers | daizch |
| Keywords | gulp, inline, gulp-inline, gulp-inline-html, html, css, js |

## Links

- npm: https://www.npmjs.com/package/gulp-inline-html
- Repository: https://github.com/daizch/gulp-inline-html
- Homepage: https://github.com/daizch/gulp-inline-html#readme
- Issues: https://github.com/daizch/gulp-inline-html/issues
- npm.io page: https://npm.io/package/gulp-inline-html

## Dependencies (4)

- [vinyl](https://npm.io/package/vinyl.md) ^2.2.0
- [is-url](https://npm.io/package/is-url.md) ^1.2.4
- [cheerio](https://npm.io/package/cheerio.md) 1.0.0-rc.1
- [through2](https://npm.io/package/through2.md) ^2.0.3

## Recent versions

- 0.0.2 (latest) — 2018-07-06
- 0.0.1 — 2018-07-06

## README

# gulp-inline-html

[![NPM version](https://img.shields.io/npm/v/gulp-inline-html.svg?style=flat)](https://www.npmjs.com/package/gulp-inline-html)
[![Build Status](https://secure.travis-ci.org/daizch/gulp-inline-html.svg?branch=master)](http://travis-ci.org/daizch/gulp-inline-html)

> A [gulp](https://github.com/gulpjs/gulp) plugin to inline js&css files into html file.

## Usage

Firstly, install `gulp-inline-html` as a development dependency:

```shell
npm install gulp-inline-html --save
```

Then, add it into your `gulpfile.js`:

**concat all files according to each directory:**

```javascript
const inlineHtml = require("gulp-inline-html");
const gulpIf = require('gulp-if');
const babel =  require('gulp-babel');
const autoprefixer = require('gulp-autoprefixer')

function fileType(extname) {
  extname = (extname[0] === '.' ? '' : '.') + extname
  return function (file) {
    return path.extname(file.path) === extname
  }
}

var isHtml = fileType('html')
var isJs = fileType('js')
var isCss = fileType('css')

gulp.src("./src/**/*")
    //dosth with js and css
    .pipe(gulpIf(isJs, babel()))
    .pipe(gulpIf(isCss,  autoprefixer({browsers: ['> 5%']})))
    
    .pipe(inlineHtml())
    .pipe(gulp.dest("build"));
```

## Parameters

### disabledTypes
Type: `Array`
Default: []

To disable which file type not inline into html file.

## License

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

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