gulp-angular-modules
Advanced tools
Weekly downloads
Changelog
0.1.8
Fixed bug: #4 Commented modules still included. Thanks to: @dmitriz Updated docs: #3 Glob order requires negation at the end
Readme
This module helps you to detect when you are adding a new Angular.js
module into your working directory to automatically load the file and include the module into your project.
I love using gulp-inject. It's a great tool that can take care of including your JavaScript and bower files into your index.html
file.
When working with Angular.js
, I also wanted to include all my modules names as a dependency of my app.js file automatically. I always forget to add them! So I created gulp-angular-modules
to never have do that this by hand again.
You can also watch files & when they change it can reload the browser for you in combination with gulp-watch and BrowserSync.
It creates a main module into a file that requires all your modules as a dependency. All you need to do is to include that file into your index.html
and the module name into your Angular.js
depedencies.
npm install gulp-angular-modules --save-dev
Angular.js
project: gulp-angular-modules
// app/src/main.js
angular.module('app', ['gulp-angular-modules']);
// gulpfile.js
var gulp = require("gulp");
var angularModules = require("gulp-angular-modules");
gulp.task("default", function() {
var options = {
name: "gulp-angular-modules", // The name of the module to use in your main Angular.js
modules: ['ui.router'] // Any extra modules that you want to include.
};
return gulp.src(["app/src/**/*.js", "!app/src/templates/*"])
.pipe(angularModules("gulp-angular-modules.js", options)) // Name of the file generated
.pipe(gulp.dest("app/src/init/")) // Destination folder
});
<script src="app/src/init/gulp-angular-modules.js">
Type: string
The destination fileName.
Type: string
The name of the module that you want to use.
Type: array
List of additional modules to include.
Check out the example directory: gulpfile.js, index.html
This is how the generated gulp-angular-modules.js will look like after the angularModules
runs
(function (ng) {
'use strict';
ng.module('gulp-angular-modules', ['module.name','another.module','ui.router']);
})(angular);
Let me know if you find any issues!
Thank you!
FAQs
Detects when you are adding a new `Angular.js` module into your working directory to automatically load the file and include the module into your project
The npm package gulp-angular-modules receives a total of 626 weekly downloads. As such, gulp-angular-modules popularity was classified as not popular.
We found that gulp-angular-modules demonstrated a not healthy version release cadence and project activity because the last version was released a year ago. It has 1 open source maintainer collaborating on the project.
Did you know?
Socket installs a Github app to automatically flag issues on every pull request and report the health of your dependencies. Find out what is inside your node modules and prevent malicious activity before you update the dependencies.