Inlines flagged js, css, and img sources in html with inline-source
npm install 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.
- Description
- Installation
- How it works
- Usage
- License
Inline and compress tags that contain the inline attribute. Supports , , and (including *.svg sources) tags by default.
Install gulp-inline-source-html as a development dependency
``bash`
npm install --save-dev gulp-inline-source-html
Targate file src/html/index.html
`html`
Source file src/js/app.js
`js`
function test() {
const foo = 'lorem ipsum';
return foo;
}
Output file
`html`
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
For documentation about the options-object, see popeindustries/inline-source.