
Security News
ESLint Adds Official Support for Linting HTML
ESLint now supports HTML linting with 48 new rules, expanding its language plugin system to cover more of the modern web development stack.
gulp-angular-modules
Advanced tools
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
Supply Chain Security
Vulnerability
Quality
Maintenance
License
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
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 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.
Security News
ESLint now supports HTML linting with 48 new rules, expanding its language plugin system to cover more of the modern web development stack.
Security News
CISA is discontinuing official RSS support for KEV and cybersecurity alerts, shifting updates to email and social media, disrupting automation workflows.
Security News
The MCP community is launching an official registry to standardize AI tool discovery and let agents dynamically find and install MCP servers.