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

jbutko/AngularJS-Boilerplate: Simple AngularJS Boilerplate to kick start your ne ...

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

开源软件名称(OpenSource Name):

jbutko/AngularJS-Boilerplate

开源软件地址(OpenSource Url):

https://github.com/jbutko/AngularJS-Boilerplate

开源编程语言(OpenSource Language):

CSS 44.9%

开源软件介绍(OpenSource Introduction):

Disclaimer:

For updated version of AngularJS-Boilerplate please use this one: https://github.com/jbutko/ExpressJS-Socket.IO-AngularJS-Boilerplate/tree/master/client It's component based, based on Angular v1.6.1 and as routing library is used Angular UI Router v1.

AngularJS-Boilerplate

Simple AngularJS Boilerplate to kick start your new project with SASS support and Gulp watch/build tasks

Features

  • SASS support including sourceMaps
  • Minimal CSS styling of the view
  • Gulp watch, build and local server tasks
  • Responsive navigation
  • Owl slider directive
  • localStorage service for set, get, remove data
  • queryService $http wrapper to handle calls
  • clear folder structure
  • less than 10 request in build version
  • minified CSS and JS build files
  • google analytics snippet

Download

bower install angularjs-boilerplate

or

git clone https://github.com/jbutko/AngularJS-Boilerplate.git

1. Setup

npm install
  • install all npm and bower dependencies

Note: If npm install fails during dependency installation it will be likely caused by gulp-imagemin. In that case remove gulp-imagemin dependency from package.json, run npm install again and then install gulp-imagemin separately with following command: npm install gulp-imagemin --save-dev

2. Watch files

npm start

or

gulp
  • all SCSS/HTML will be watched for changes and injected into browser thanks to BrowserSync

3. Build production version

npm run build

or

gulp build
  • this will process following tasks:
  • clean _build folder
  • compile SASS files, minify and uncss compiled css
  • copy and optimize images
  • minify and copy all HTML files into $templateCache
  • build index.html
  • minify and copy all JS files
  • copy fonts
  • show build folder size

4. Start webserver without watch task

npm run server

or

gulp server

5. Start webserver from build folder

npm run serverbuild

or

gulp server-build

Contact

Copyright (C) 2015 Jozef Butko
www.jozefbutko.com/resume
www.github.com/jbutko
@jozefbutko
Released under MIT license

Changelog

1.1.7

  • Install all dependencies with 'npm install' (bower included) - pull req #7 by @bbodine1
    15.05.2015

1.1.6

  • Cleaned up the gulpfile with gulp-load-plugins - pull req #6 by @davieschoots
    26.04.2015

1.1.5

  • added MIT License
    19.04.2015

1.1.4

  • added minification of JS files in build task
  • added favicon
  • gulpfile.js beautify and clean up
  • added owl carousel into demo
    04.04.2015

1.1.3

  • index.html update: added browserupgrade tag
  • index.html update: http-equiv meta tag, google analytics support
  • comments update in gulpfile.js
  • gulpfile.js formatting
  • pull request #1: removed duplicate gulp require in gulpfile.js
    04.04.2015

1.1.2

  • package.json and gulpfile.js clean up
    02.04.2015

1.1.1

  • opened responsive nav fix, css build .min appendix, live demo, github icons
    31.03.2015

1.1.0

  • many improvements: responsive nav, code clean up, gulp angular templateCache support, gulp task for local server, SASS sourceMaps support
    29.03.2015

1.0.0

  • initial release
    22.03.2015



鲜花

握手

雷人

路过

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

请发表评论

全部评论

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

扫描微信二维码

查看手机版网站

随时了解更新最新资讯

139-2527-9053

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

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

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