UNPKG

gulp-ng-recipes

Version:
75 lines (56 loc) 2.54 kB
# gulp-ng-recipes A collection of gulp tasks to share with all your projects. When gulp 4 is released, gulp-ng-recipes will be rewritten to support [custom registries](https://github.com/phated/undertaker#custom-registries). Sample Project : [spa-starter-kit](https://github.com/xmlking/spa-starter-kit) Node: this module assumes you are using typescript with JSPM. ### Installation Prerequisites: node.js 5.x, ruby, `gem install scss_lint` optionally `gem install scss` **SASS**: for windows, install `gulp-ruby-sass` npm module, for linux or Mac use `gulp-sass`. ```bash # install prerequisite globe npm modules npm install -g gulp tsd jspm # install this npm modules npm install gulp-ng-recipes --save-dev --no-optional # install optional sass npm module npm install gulp-sass --save-dev # or npm install gulp-ruby-sass --save-dev ``` ### gulpfile.ts create `gulpfile.ts` file in your project root. Add recipes you needed as shown below: ```js import 'gulp-ng-recipes/gulp/globals'; import 'gulp-ng-recipes/gulp/server'; import 'gulp-ng-recipes/gulp/tslint'; import 'gulp-ng-recipes/gulp/sasslint'; // if you are using ruby sass, use: import 'gulp-ng-recipes/gulp/sass.ruby'; import 'gulp-ng-recipes/gulp/sass'; import 'gulp-ng-recipes/gulp/images'; import 'gulp-ng-recipes/gulp/fonts'; import 'gulp-ng-recipes/gulp/html'; import 'gulp-ng-recipes/gulp/offline'; import 'gulp-ng-recipes/gulp/build'; import 'gulp-ng-recipes/gulp/gpdeploy'; ``` or ### gulpfile.js create `gulpfile.js` file in your project root. Add recipes you needed as shown below: ```js require('gulp-ng-recipes/dist/globals'); require('gulp-ng-recipes/dist/server'); require('gulp-ng-recipes/dist/tslint'); require('gulp-ng-recipes/dist/sasslint'); // if you are using ruby sass, use: require('gulp-ng-recipes/dist/sass.ruby'); require('gulp-ng-recipes/dist/sass'); require('gulp-ng-recipes/dist/images'); require('gulp-ng-recipes/dist/fonts'); require('gulp-ng-recipes/dist/html'); require('gulp-ng-recipes/dist/offline'); require('gulp-ng-recipes/dist/build'); require('gulp-ng-recipes/dist/gpdeploy'); ``` ### gulp config we support cascaded configuration files with environment specific overwrites based on `NODE_ENV` you pass in command-line i.e., `gulp serve --env=prod` copy sample config files from `node_modules/gulp-ng-recipes/gulp/config` to your project `gulp/config` folder. ### Issues * if you have issues with gulp-sass (on windows!), manually install `gulp-ruby-sass` and use `sass.ruby.js` recipe provided.