gulp-crisper

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


Keywords
gulpplugin, polymer, vulcanize, vulcan, csp, cspify, web, components
License
MIT
Install
npm install gulp-crisper@1.1.0

Documentation

gulp-crisper

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

Issues with the output should be reported on the Crisper issue tracker.

Install

$ npm install --save-dev gulp-crisper

Usage

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 for further information.

License

MIT © Jimmy Moon