Add node dependencies and bower dependencies, build basic structure for project, create gulp file to build front end code.

PeachScript · PeachScript · commit 7cacb5ef2ef6 · 2014-12-04T11:41:40.000+08:00
diff --git a/.bowerrc b/.bowerrc
@@ -0,0 +1,3 @@
+{
+  "directory": "app/bower_components"
+}
diff --git a/.gitignore b/.gitignore
@@ -0,0 +1,2 @@
+node_modules/
+bower_components/
diff --git a/app/index.html b/app/index.html
@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<html lang="zh-CN">
+<head>
+    <meta charset="UTF-8">
+    <title>变量名词库 - 杭州抽象科技</title>
+    <link rel="stylesheet" href="styles/main.min.css">
+    <script src="bower_components/angularjs/angular.min.js"></script>
+    <script src="scripts/app.js"></script>
+</head>
+<body ng-app="abstackVarLib">
+</body>
+</html>
diff --git a/app/scripts/app.js b/app/scripts/app.js
@@ -0,0 +1,6 @@
+/**
+* abstackVarLib Module
+*
+* Description: main
+*/
+angular.module('abstackVarLib', []);
diff --git a/app/styles/main.less b/app/styles/main.less
diff --git a/bower.json b/bower.json
@@ -0,0 +1,29 @@
+{
+  "name": "Abstack-variables-library",
+  "version": "0.0.1",
+  "homepage": "https://github.com/PeachScript/Abstack-variables-library",
+  "authors": [
+    "Peach <scdzwyxst@gmail.com>"
+  ],
+  "description": "Variables library for Abstack Tech",
+  "moduleType": [
+    "node"
+  ],
+  "keywords": [
+    "Variables",
+    "Library",
+    "Abstack",
+    "Tech"
+  ],
+  "license": "MIT",
+  "ignore": [
+    "**/.*",
+    "node_modules",
+    "bower_components",
+    "test",
+    "tests"
+  ],
+  "dependencies": {
+    "angularjs": "1.2.27"
+  }
+}
diff --git a/gulpfile.js b/gulpfile.js
@@ -0,0 +1,70 @@
+var gulp = require('gulp'),
+    connect = require('gulp-connect'),
+    less = require('gulp-less'),
+    minifyCss = require('gulp-minify-css'),
+    rename = require('gulp-rename'),
+    gutil = require('gulp-util'),
+    conf = {
+        rootDir: './app',
+        serverPort: 5005,
+        livePort: 35727,
+        lessPath: './app/styles/**/*.less',
+        jsPath: './app/scripts/**/*.js',
+        htmlPath: './app/**/*.html',
+    };
+
+gulp.task('default', ['runserver', 'watch']);
+
+gulp.task('runserver', function(){
+    connect.server({
+        root: conf.rootDir,
+        port: conf.serverPort,
+        livereload: {
+            port: conf.livePort
+        }
+    });
+});
+
+gulp.task('watch', function(){
+    gulp.watch(conf.lessPath, lessTask);
+    gulp.watch(conf.htmlPath, notifyReload);
+    gulp.watch(conf.jsPath, notifyReload);
+});
+
+gulp.task('less', function(){lessTask()});
+
+function lessTask(event){
+    if(event)
+        gutil.log('Compiling ' + gutil.colors.cyan('less') + '...');
+    gulp.src(conf.lessPath)
+        .pipe(less())
+        .pipe(gulp.dest(conf.rootDir + '/styles/'))
+        .pipe(minifyCss({
+            keepSpecialComments: 0
+        }))
+        .pipe(rename({
+            extname: '.min.css'
+        }))
+        .pipe(gulp.dest(conf.rootDir + '/styles/'));
+
+    if(event){
+        gutil.log(gutil.colors.cyan('Less') + ' has been compiled.');
+        notifyReload(event);
+    }
+}
+
+function getFileName(file){
+    return file.substring(file.lastIndexOf('/') + 1);
+}
+
+function notifyReload(event){
+    if(!event.path || !event)
+        return;
+    gulp.src(event.path)
+        .pipe(connect.reload(
+            gutil.log(
+                gutil.colors.magenta(getFileName(getFileName(event.path)))
+                + ' was reloaded.'
+            )
+        ));
+}
diff --git a/package.json b/package.json
@@ -0,0 +1,33 @@
+{
+  "name": "Abstack-variables-library",
+  "version": "0.0.1",
+  "description": "Variables library for Abstack Tech",
+  "main": "none",
+  "scripts": {
+    "test": "echo \"Error: no test specified\" && exit 1"
+  },
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/PeachScript/Abstack-variables-library.git"
+  },
+  "keywords": [
+    "Variables",
+    "Library",
+    "Abstack",
+    "Tech"
+  ],
+  "author": "Peach <scdzwyxst@gmail.com>",
+  "license": "MIT",
+  "bugs": {
+    "url": "https://github.com/PeachScript/Abstack-variables-library/issues"
+  },
+  "homepage": "https://github.com/PeachScript/Abstack-variables-library",
+  "devDependencies": {
+    "gulp": "^3.8.10",
+    "gulp-connect": "^2.2.0",
+    "gulp-less": "^1.3.6",
+    "gulp-minify-css": "^0.3.11",
+    "gulp-rename": "^1.2.0",
+    "gulp-util": "^3.0.1"
+  }
+}

Original file line number	Diff line number	Diff line change
`@@ -0,0 +1,3 @@`
	`1`	`+{`
	`2`	`+ "directory": "app/bower_components"`
	`3`	`+}`