gulp-inline-source-html

> Inlines flagged js, css, and img sources in html with inline-source


This plugin is based on fmal/gulp-inline-source, which is no longer maintained. It now supports Gulp.js v4 and ES6 / ES2015.

Table of Contents

- Description
- Installation
- How it works
- Usage
- License

Description

Inline and compress tags that contain the inline attribute. Supports


`

Source file src/js/app.js

`js
function test() {
const foo = 'lorem ipsum';
return foo;
}
`

Output file

`html





`

Usage

inlineSource(options?: Object)

`javascript
const { task, src, dest } = require('gulp')
const inlineSource = require('gulp-inline-source-html')

task('inlineSource', () => {
return src('src/*.html')
.pipe(inlineSource())
.pipe(dest('dist'))
})
`

or you can

`javascript
import inlineSource from 'gulp-inline-source-html'
`

`javascript
task('inlineSource', () => {
return src('src/*.html')
.pipe(inlineSource({ compress: false }))
.pipe(dest('dist'))
})
`

Available options include:

- attribute: attribute used to parse sources (all tags will be parsed if set to false. Default 'inline')
- compress: enable/disable compression of inlined content (default true)
- fs: specify fs implementation (default is Node core 'fs')
- handlers: specify custom handlers (default []) see [custom handlers]
- preHandlers: specify custom pre handlers (default []) see [custom pre handlers]
- ignore: disable inlining based on tag, type, and/or format (default [])
- pretty: maintain leading whitespace when options.compress is false (default false)
- rootpath: directory path used for resolving inlineable paths (default process.cwd())
- saveRemote: enable/disable saving a local copy of remote sources (default true)
- svgAsImage: convert to and not (default false)
- swallowErrors: enable/disable suppression of errors (default false`)

For documentation about the options-object, see popeindustries/inline-source.

License

MIT

Donate