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.
Inline and compress tags that contain the inline attribute. Supports <script>, <link>, and <img> (including *.svg sources) tags by default.
Install gulp-inline-source-html as a development dependency
npm install --save-dev gulp-inline-source-htmlTargate file src/html/index.html
<html>
<body>
<script src="../js/app.js" inline></script>
</body>
</html>Source file src/js/app.js
function test() {
const foo = 'lorem ipsum';
return foo;
}Output file
<html>
<body>
<script>function test(){const a="lorem ipsum";return a}</script>
</body>
</html>inlineSource(options?: Object)
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
import inlineSource from 'gulp-inline-source-html'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 tofalse. Default'inline')compress: enable/disable compression of inlined content (defaulttrue)fs: specifyfsimplementation (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 ontag,type, and/orformat(default[])pretty: maintain leading whitespace whenoptions.compressisfalse(defaultfalse)rootpath: directory path used for resolving inlineable paths (defaultprocess.cwd())saveRemote: enable/disable saving a local copy of remote sources (defaulttrue)svgAsImage: convert<img inline src="*.svg" />to<img>and not<svg>(defaultfalse)swallowErrors: enable/disable suppression of errors (defaultfalse)
For documentation about the options-object, see popeindustries/inline-source.
