An open API service indexing awesome lists of open source software.

https://github.com/ragingwind/gulp-crisper

gulp plugin for crisper
https://github.com/ragingwind/gulp-crisper

Last synced: 9 months ago
JSON representation

gulp plugin for crisper

Awesome Lists containing this project

README

          

# gulp-crisper

> Gulp plugin for [Crisper](https://github.com/PolymerLabs/crisper) that split inline scripts from an HTML file for CSP compliance

*Issues with the output should be reported on the `Crisper` [issue tracker](https://github.com/PolymerLabs/crisper/issues).*

## Install

```
$ npm install --save-dev gulp-crisper
```

## Usage

```js
var gulp = require('gulp');
var vulcanize = require('gulp-vulcanize');
var crisper = require('gulp-crisper');

gulp.task('default', function () {
return gulp.src('src/index.html')
.pipe(vulcanize({
abspath: '',
excludes: [],
stripExcludes: false,
inlineScripts: false
}))
.pipe(crisper({
scriptInHead: false, // true is default
onlySplit: false
}))
.pipe(gulp.dest('dest'));
});
```

## FAQ

### Using `jsFileName` option

If you would like to use `jsFileName` and need to change the path of js file comes out from `crisper`? You should use `gulp-rename` for it because `jsFileName` option only affect on the path in `script` tag in vulcanized html. Here is one of samples to show how to use `gulp-rename` with it.

```
return gulp.src('public/elements/elements.vulcanized.html')
.pipe(crisper({
jsFileName: 'elements.crisper.js'
}))
.pipe(rename(function(file) {
if (file.extname === '.js') {
file.basename = ''elements.crisper.js';
}
}))
})
.pipe(gulp.dest('dest/elements'))
```

### Options

You can use options of crisper. see [doc](https://github.com/PolymerLabs/crisper#usage) for further information.

## License

MIT © [Jimmy Moon](http://ragingwind.me)