IkeChen0426 / angularjs-demo

angularjs项目模板

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

AngularJS-renren

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-renren

or

git clone https://github.com/kuaixiangai/demo_template.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

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

3. Build production version

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

gulp server

5. Start webserver from build folder

gulp server-build

About

angularjs项目模板

License:MIT License


Languages

Language:CSS 72.3%Language:HTML 24.9%Language:JavaScript 2.8%