https://github.com/collaborne/gulp-polymer-build-utils

Utils to simplify building Polymer applications
https://github.com/collaborne/gulp-polymer-build-utils

Last synced: about 2 months ago
JSON representation

Utils to simplify building Polymer applications

• Host: GitHub
• URL: https://github.com/collaborne/gulp-polymer-build-utils
• Owner: Collaborne
• License: apache-2.0
• Created: 2017-08-05T22:01:41.000Z (over 7 years ago)
• Default Branch: master
• Last Pushed: 2022-10-07T13:33:46.000Z (about 2 years ago)
• Last Synced: 2024-10-07T15:37:57.319Z (3 months ago)
• Language: JavaScript
• Size: 37.1 KB
• Stars: 6
• Watchers: 4
• Forks: 5
• Open Issues: 3
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# gulp-polymer-build-utils [![Build Status](https://travis-ci.org/Collaborne/gulp-polymer-build-utils.svg?branch=master)](https://travis-ci.org/Collaborne/gulp-polymer-build-utils) [![Greenkeeper badge](https://badges.greenkeeper.io/Collaborne/gulp-polymer-build-utils.svg)](https://greenkeeper.io/)

Utils to simplify building Polymer applications

See this [blog post](https://medium.com/collaborne-engineering/building-polymer-app-with-gulp-dee266d348df) about the background and functionality of the gulp plugins.

## Usage

Install the build-utils:

```

npm install gulp-polymer-build-utils --save

```

Use the plugins and tasks in the Gulp config file `gulpfile.js`:

```

const gulp = require('gulp');

const polymerBuildUtils = require('gulp-polymer-build-utils');

const runSequence = require('run-sequence');

gulp.task('prepare-dist', function() {

  return polymerBuildUtils.polymerBuild(require('./polymer.json'))

    .pipe(polymerBuildUtils.addCspCompliance())

    .pipe(polymerBuildUtils.addCacheBusting())

    .pipe(polymerBuildUtils.optimizeAssets())

    .pipe(polymerBuildUtils.injectCustomElementsEs5Adapter())

    .pipe(gulp.dest('dist'));

});

gulp.task('default', function(cb) {

  runSequence('prepare-dist', 'inline-references', cb);

});

```