basebuild-angular
v0.17.1
Published
Build tool for AngularJS projects as a node module to be reusable and able to update. Write once, use everywhere! ;)
Downloads
41
Maintainers
Readme
Documentation, Announcements and support here.
____ _ _ _ _ _ _
| __ ) __ _ ___ ___| |__ _ _(_) | __| | / \ _ __ __ _ _ _| | __ _ _ __
| _ \ / _` / __|/ _ \ '_ \| | | | | |/ _` |_____ / _ \ | '_ \ / _` | | | | |/ _` | '__|
| |_) | (_| \__ \ __/ |_) | |_| | | | (_| |_____/ ___ \| | | | (_| | |_| | | (_| | |
|____/ \__,_|___/\___|_.__/ \__,_|_|_|\__,_| /_/ \_\_| |_|\__, |\__,_|_|\__,_|_|
|___/
Build tool for AngularJS projects. Gulp scripts as a component! \o/
Description
Build tool for AngularJS projects as a node module to be reusable and able to update. Write once, use everywhere! ;)
Installation
[sudo] npm install basebuild-angular --save
Usage
In your gulpfile
you can declare the options which you want to use or modify in basesebuild. To start you only need to require
basebuild-angular
passing the options as parameter.
Gulpfile
// Basic options
// =========================
var options = {
mainAngularModule : 'BaseBuildSample'
};
// Base build modules
// ==========================
options.modulesData = {
proxy: {
target: 'http://docker:49000'
}
}
// Init basebuild
// ==========================
require('basebuild-angular')(options);
Use Gulp tasks
gulp
orgulp build
to build an optimized version of your application indist
directorygulp serve
orgulp dev
to launch a browser sync server on your source filesgulp serve:dist
to launch a server on your optimized applicationgulp test
to launch your unit tests with Karmagulp test:auto
to launch your unit tests with Karma in watch modegulp protractor
to launch your e2e tests with Protractorgulp protractor:dist
to launch your e2e tests with Protractor on the dist files
Features included in the gulpfile
- useref : allow configuration of your files in comments of your HTML file
- ngAnnotate : convert simple injection to complete syntax to be minification proof
- uglify : optimize all your JavaScript
- csso : optimize all your CSS
- rev : add a hash in the file names to prevent browser cache problems
- watch : watch your source files and recompile them automatically
- Unit test (karma) : out of the box unit test configuration with karma
- e2e test (protractor) : out of the box e2e test configuration with protractor
- browser sync : full-featured development web server with livereload and devices sync
- angular-templatecache : all HTML partials will be converted to JS to be bundled in the application
Built-in Supported Technologies and Features
- Gulp
- Bower
- BrowserSync
- Proxies
- Javascript
- CoffeeScript
- CJSX
- AngularJs
- SASS
- Sonar
Stats
Credit
Based on gulp-angular yeoman generator with my improvements.