{"id":20477897,"url":"https://github.com/hung-phan/generator-angular-with-browserify","last_synced_at":"2026-03-11T17:32:10.335Z","repository":{"id":15953951,"uuid":"18696498","full_name":"hung-phan/generator-angular-with-browserify","owner":"hung-phan","description":"Yeoman generator for bundling angular with browserify","archived":false,"fork":false,"pushed_at":"2015-03-04T19:06:53.000Z","size":615,"stargazers_count":6,"open_issues_count":0,"forks_count":2,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-03-27T04:12:31.795Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/hung-phan.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2014-04-12T04:46:24.000Z","updated_at":"2016-01-14T19:36:12.000Z","dependencies_parsed_at":"2022-08-30T14:01:30.300Z","dependency_job_id":null,"html_url":"https://github.com/hung-phan/generator-angular-with-browserify","commit_stats":null,"previous_names":[],"tags_count":2,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/hung-phan%2Fgenerator-angular-with-browserify","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/hung-phan%2Fgenerator-angular-with-browserify/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/hung-phan%2Fgenerator-angular-with-browserify/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/hung-phan%2Fgenerator-angular-with-browserify/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/hung-phan","download_url":"https://codeload.github.com/hung-phan/generator-angular-with-browserify/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":248717238,"owners_count":21150389,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2024-11-15T15:34:08.431Z","updated_at":"2026-03-11T17:32:10.303Z","avatar_url":"https://github.com/hung-phan.png","language":"JavaScript","readme":"# generator-angular-with-browserify [![Build Status](https://secure.travis-ci.org/hung-phan/generator-angular-with-browserify.png?branch=master)](https://travis-ci.org/hung-phan/generator-angular-with-browserify)\n\nA generator for [Yeoman](http://yeoman.io).\n\n[![NPM](https://nodei.co/npm/generator-angular-with-browserify.png?downloads=true)](https://nodei.co/npm/generator-angular-with-browserify/)\n\n## Getting Started\n\nTo run this version of yeoman generator. First, make sure that you have already installed yeoman\n\n```bash\n$ npm install -g yo\n```\n\nTo install generator-angular-with-require from npm, run:\n\n```bash\n$ npm install -g generator-angular-with-browserify\n```\n\nFinally, initiate the generator:\n\n```bash\n$ yo angular-with-browserify\n```\n\nOther dependencies\n\n1. [Phantom.js] (http://phantomjs.org/) - You can change this in the config/karma.config.js by changing browsers tag\n\n2. [Bower] (http://bower.io/)\n\n3. [Grunt] (http://gruntjs.com/)\n\n4. Napa (npm -g install napa)\n\n5. SASS (gem install sass)\n\n6. Compass (gem install compass)\n\n## Structure\n\n__New structure__ is based on [ng-boilerplate] (https://github.com/ngbp/ngbp) but optimized with browserify.\n\n```\napplication/\n  |- app/\n  |  |- bower_components/\n  |  |  |- \u003cthird libraries\u003e\n  |  |- images/\n  |  |  |- \u003cimage files\u003e\n  |  |- src/\n  |  |  |- index.js # main file\n  |  |  |- main.js # compiled file\n  |  |  |- spec.js # compiled file\n  |  |  |- \u003ccodeModule\u003e/\n  |  |  |  |- codeModule.js\n  |  |  |  |- codeModule.spec.js\n  |  |  |  |- codeModule.tpl.html\n  |  |- style/\n  |  |  |- _custom_mixins.scss\n  |  |  |- style.scss\n  |  |  |- \u003cother css files\u003e - just copy other css files into this folder and\n  |  |  |- rerun `grunt serve` task to automatically concat css files\n  |  |- 404.html\n  |  |- favicon.ico\n  |  |- index.html\n  |  |- robots.txt\n  |- config/\n  |  |- e2e.config.js\n  |  |- karma.config.js\n  |- dist/\n  |  |- \u003cbuild\u003e\n  |- node_modules/\n  |  |- \u003cnode module code\u003e\n  |- test/\n  |  |- e2eSpecs\n  |  |  |- page.e2espec.js\n  |  |  |- \u003cother e2e specs\u003e\n  |- bower.json\n  |- Gruntfile.js\n  |- browserify.config.js # configuration for browserify alias for your application\n  |- package.json\n```\n\nOld structure for revision __v0.2.*__\n\n```\napplication/\n  |- app/\n  |  |- bower_components/\n  |  |  |- \u003cthird libraries\u003e\n  |  |- images/\n  |  |  |- \u003cimage files\u003e\n  |  |- scripts/\n  |  |  |- index.js # main file\n  |  |  |- main.js # compiled file\n  |  |  |- controllers/\n  |  |  |  |- controllers.js\n  |  |  |- services/\n  |  |  |  |- services.js\n  |  |  |- directives/\n  |  |  |  |- directives.js\n  |  |  |- filters/\n  |  |  |  |- filters.js\n  |  |- style/\n  |  |  |- _custom_mixins.scss\n  |  |  |- style.scss\n  |  |  |- \u003cother css files\u003e - just copy other css files into this folder and\n  |  |  |- rerun `grunt serve` task to automatically concat css files\n  |  |- 404.html\n  |  |- favicon.ico\n  |  |- index.html\n  |  |- robots.txt\n  |- config/\n  |  |- e2e.config.js\n  |  |- karma.config.js\n  |- dist/\n  |  |- \u003cbuild\u003e\n  |- node_modules/\n  |  |- \u003cnode module code\u003e\n  |- test/\n  |  |- e2eSpecs\n  |  |  |- page.e2espec.js\n  |  |  |- \u003cother e2e specs\u003e\n  |  |- specs/\n  |  |  |- \u003cspecs files\u003e\n  |  |- helpers/\n  |  |  |- \u003chelper file for specs\u003e\n  |  |- test-main.js\n  |- bower.json\n  |- Gruntfile.js\n  |- package.json\n```\n\n## Browserify alias\nAlias for grunt browserify task are declared in __browserify.config.js__ with the format of __path:alias__.\n\n## Usage\n\nYour main javascript file is placed in app/src/index.js. The main.js is generated from grunt browserify task - I recommend to\nleave the app/src/main.js unchanged.\n\nThe version of generator uses SASS Bootstrap as its main theme. If you want to use Compass framework, make sure that you\nview their docs to know what to include [Compass](http://compass-style.org/reference/compass)\n\nTo run the serve, and start building your application\n```bash\n$ grunt serve\n```\nIt will automatically open the webpage on your localhost:9000, or you will have to do it manuallly\n\nTo run unit test:\n```bash\n$ grunt karma:unit # this requires the task `grunt browserify:spec` to be runned\n```\nTo run e2e test. This requires selenium browser and chromedriver. Make sure you view [angular/protractor] (https://github.com/angular/protractor)\n\nSetup protractor and seleium browser\n```bash\n$ npm install -g protractor\n$ webdriver-manager update\n```\n\nRun actual e2e test\n```bash\n$ grunt shell:protractor\n```\n\nTo build files for production\n```bash\n$ grunt build\n```\n\nThis also supports for subgenerator for controller, filter, service, and directive as well. Make sure you link them in your\nmain module\n\n```bash\n$ yo angular-with-browserify:controller \"name\" #replace the name with your module name\n$ yo angular-with-browserify:service \"name\" #replace the name with your module name\n$ yo angular-with-browserify:directive \"name\" #replace the name with your module name\n$ yo angular-with-browserify:filter \"name\" #replace the name with your module name\n```\n\n## License\n\n[MIT License](http://en.wikipedia.org/wiki/MIT_License)\n","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fhung-phan%2Fgenerator-angular-with-browserify","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fhung-phan%2Fgenerator-angular-with-browserify","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fhung-phan%2Fgenerator-angular-with-browserify/lists"}