Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More
Socket
Sign inDemoInstall
Socket

gulp-modular

Package Overview
Dependencies
Maintainers
2
Versions
29
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

gulp-modular

Boilerplate gulp tasks for quick project setup.

  • 0.0.3
  • Source
  • npm
  • Socket score

Version published
Weekly downloads
6
Maintainers
2
Weekly downloads
 
Created
Source

gulp-modular

Boilerplate gulp tasks for quick project setup.

Setup

  1. npm install gulp gulp-modular
  2. Create gulpfile.js (cf. graFiddle gulpfile.js), require both modules and define tasks and configuration:
var gulp = require('gulp');
var modular = require('gulp-modular');

var tasks = ['bower', 'clean', 'compass', 'configScripts', 'connect', 'fonts', ...];
var config = {...};

modular(gulp, tasks, config);

Detailed documentation of our best practice workflow and the config object will be added soon.

Tasks

General

  • bower:install to install packages defined in the bower.json.
  • bower:prune to remove packages that are not used anymore.
  • fonts copies fonts defined in the bower dependencies to a particular distribution folder.
  • images collects graphics of different filetypes, flattens the paths and places them in a particular distribution folder.
  • ìndex injects the transpiled JavaScript and CSS into the index.html.
  • jshint runs jshint linting tool.
  • clean removes the distribution folder with all its content.
  • statics copies static files to a particular distribution folder.

Stylesheets

  • compass compiles scss files to CSS files.
  • vendorStyles concats all styles from the bower dependencies and stores the file to a particular distribution folder.

AngularJS & JavaScript

  • configScripts creates a dedicated Angular module to provide a environment specific appp configuration.
  • karma runs the karma test runner.
  • protractor runs protractor end-to-end tests.
  • partials collects all partials and combines them in a Angular module.
  • scripts connect all scripts, annotates, orders, concats and stores a the result to a file in a particular distribution folder.
  • vendorScripts concats all scripts from the bower dependencies and stores the file to a particular distribution folder.

Local Server

  • connect provides a small HTTP server for local testing. It serves the requested file if available, the index.html otherwise (to support Angular HTML5 mode)
  • open opens up the default web browser after the local HTTP server has started.
  • reload is responsible to reload the current page in the web browser whenever distribution files have changed.
  • watch checks files for changes and triggers the reload (see above).

Deploy

  • mavenDeploy creates a maven package and uploads it to a custom repository.
  • mavenInstall creates a snapshot maven package and installs it on the local machine.

Keywords

FAQs

Package last updated on 03 Jul 2015

Did you know?

Socket

Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.

Install

Related posts

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc