gulp-inline-source
Version:
Inline flagged js & css sources.
79 lines (62 loc) • 2.02 kB
Markdown
# gulp-inline-source
[](https://www.npmjs.com/package/gulp-inline-source)
[](http://travis-ci.org/fmal/gulp-inline-source)
[](https://github.com/semantic-release/semantic-release)
[](http://commitizen.github.io/cz-cli/)
> Inline all `<script>`, `<link>` and `<img>` tags that contain the `inline` attribute with [inline-source](https://github.com/popeindustries/inline-source).
## How it works
```html
<!-- located at src/html/index.html -->
<html>
<head>
<!-- inline src/js/inlineScript.js -->
<script src="../js/inlineScript.js" inline></script>
</head>
<body>
</body>
</html>
```
```js
// located at src/js/inlineScript.js
function test() {
var foo = 'lorem ipsum';
return foo;
}
```
Output:
```html
<html>
<head>
<script>function test(){var a="lorem ipsum";return a}</script>
</head>
<body>
</body>
</html>
```
## Install
```bash
$ npm install gulp-inline-source --save-dev
```
## Usage
```javascript
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](https://github.com/popeindustries/inline-source#usage) through an options object:
```javascript
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'));
});
```