Inline all
<script>
or<link>
tags that contain theinline
attribute 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-dev
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'));
});