Inline all
<script>,<link>and<img>tags that contain theinlineattribute with inline-source.
<!-- located at src/html/index.html --><html><head><!-- inline src/js/inlineScript.js --><scriptsrc="../js/inlineScript.js" inline></script></head><body></body></html>// located at src/js/inlineScript.jsfunctiontest(){varfoo='lorem ipsum';returnfoo;}Output:
<html><head><script>functiontest(){vara="lorem ipsum";returna}</script></head><body></body></html>$ npm install gulp-inline-source --save-devvargulp=require('gulp');varinlinesource=require('gulp-inline-source');gulp.task('inlinesource',function(){returngulp.src('./src/*.html').pipe(inlinesource()).pipe(gulp.dest('./out'));});Optionally, you can provide some options through an options object:
vargulp=require('gulp');varinlinesource=require('gulp-inline-source');gulp.task('inlinesource',function(){varoptions={compress: false};returngulp.src('./src/*.html').pipe(inlinesource(options)).pipe(gulp.dest('./out'));});