• 设为首页
  • 点击收藏
  • 手机版
    手机扫一扫访问
    迪恩网络手机版
  • 关注官方公众号
    微信扫一扫关注
    迪恩网络公众号

alferov/generator-angular-gulp-browserify: A Yeoman generator for creating moder ...

原作者: [db:作者] 来自: 网络 收藏 邀请

开源软件名称(OpenSource Name):

alferov/generator-angular-gulp-browserify

开源软件地址(OpenSource Url):

https://github.com/alferov/generator-angular-gulp-browserify

开源编程语言(OpenSource Language):

JavaScript 100.0%

开源软件介绍(OpenSource Introduction):

Generator Angular Gulp Browserify

NPM version Build Status Dependency Status

A Yeoman generator for creating modern web applications using Angular, SASS, Gulp, and Browserify.

Generator-angular-gulp-browserify is build on top of jakemmarsh/angularjs-gulp-browserify-boilerplate and provides a convenient way to bootstrap the original boilerplate.

Packages

Getting Started

# Install Yeoman, gulp & the generator:
npm install -g yo gulp generator-angular-gulp-browserify

# Make a new directory, and 'cd' into it:
mkdir my-project && cd $_

#To initialize the generator, run:
yo angular-gulp-browserify

#Finally, run:
gulp dev

Your browser will automatically be opened and directed to the browser-sync proxy address.

Now that gulp dev is running, the server is up as well and serving files from the /build directory. Any changes in the /app directory will be automatically processed by gulp and the changes will be injected to any open browsers pointed at the proxy address.

Overview

The complete project guide can be found in the official boilerplate readme.

Structure

The AngularJS files are all located within /app/js, structured in the following manner:

/controllers
  _index.js   (the main module on which all controllers will be mounted, loaded in main.js)
  example.js
/directives
  _index.js   (the main module on which all directives will be mounted, loaded in main.js)
  example.js
/services
  _index.js   (the main module on which all services will be mounted, loaded in main.js)
  example.js
constants.js  (any constant values that you want to make available to Angular)
main.js       (the main file read by Browserify, also where the application is defined and bootstrapped)
on_run.js     (any functions or logic that need to be executed on app.run)
on_config.js  (all route definitions and any logic that need to be executed on app.config)
templates.js  (this is created via gulp by compiling your views, and will not be present beforehand)

Gulpfile features

  • JSHint: gulp is currently configured to run a JSHint task before processing any Javascript files. This will show any errors in your code in the console, but will not prevent compilation or minification from occurring.
  • Browserify: The main build process run on any Javascript files. This processes any of the require('module') statements, compiling the files as necessary.
  • Babelify: This uses babelJS to provide support for ES6+ features.
  • Debowerify: Parses require() statements in your code, mapping them to bower_components when necessary. This allows you to use and include bower components just as you would npm modules.
  • ngAnnotate: This will automatically add the correct dependency injection to any AngularJS files, as mentioned previously.
  • Uglifyify: This will minify the file created by Browserify and ngAnnotate.
  • Browser Sync: Full-featured development web server with livereload and devices sync

Testing

This generator also includes a simple framework for unit and end-to-end (e2e) testing via Karma and Jasmine. In order to test AngularJS modules, the angular.mocks module is used.

All of the tests can be run at once with the command gulp test. However, the tests are broken up into two main categories:

License

MIT © Philipp Alferov




鲜花

握手

雷人

路过

鸡蛋
该文章已有0人参与评论

请发表评论

全部评论

专题导读
热门推荐
阅读排行榜

扫描微信二维码

查看手机版网站

随时了解更新最新资讯

139-2527-9053

在线客服(服务时间 9:00~18:00)

在线QQ客服
地址:深圳市南山区西丽大学城创智工业园
电邮:jeky_zhao#qq.com
移动电话:139-2527-9053

Powered by 互联科技 X3.4© 2001-2213 极客世界.|Sitemap