gulp-crisper/readme.md

Gulp plugin for crisper that split inline scripts from an HTML file for CSP compliance

# 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)