gulp-inline-source
Inline all
<script>,<link>and<img>tags that contain theinlineattribute with inline-source.
How it works
<!-- 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>Install
$ npm install gulp-inline-source --save-devUsage
var 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'));
});