Inline all
<script>or<link>tags that contain theinlineattribute with inline-source.
/path/to/file.html:
<html>
<head>
<script src="javascript.js" inline></script>
</head>
<body>
</body>
</html>javascript.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 specify a path that will be used as the base directory for the sources (relative to gulpfile):
var gulp = require('gulp');
var inlinesource = require('gulp-inline-source');
gulp.task('inlinesource', function () {
return gulp.src('./src/*.html')
.pipe(inlinesource('./assets'))
.pipe(gulp.dest('./out'));
});