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 --> <script src="../js/inlineScript.js" inline></script> </head> <body> </body> </html>// located at src/js/inlineScript.js function test() { var foo = 'lorem ipsum'; return foo; }Output:
<html> <head> <script>function test(){var a="lorem ipsum";return a}</script> </head> <body> </body> </html>$ npm install gulp-inline-source --save-devvar gulp = require('gulp'); var inlinesource = require('gulp-inline-source'); gulp.task('inlinesource', function () { return gulp.src('./src/*.html') .pipe(inlinesource()) .pipe(gulp.dest('./out')); });Optionally, you can provide some options through an options object:
var gulp = require('gulp'); var inlinesource = require('gulp-inline-source'); gulp.task('inlinesource', function () { var options = { compress: false }; return gulp.src('./src/*.html') .pipe(inlinesource(options)) .pipe(gulp.dest('./out')); });