Created
September 6, 2015 14:54
-
-
Save hai5nguy/fbc59e64de69893ed146 to your computer and use it in GitHub Desktop.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
gulp-express | |
=================== | |
1. Gulpfile.js | |
var gulp = require('gulp'); | |
var express = require('gulp-express'); | |
gulp.task('server', function () { | |
express.run([ './src/backend/server.js' ]); | |
}); | |
gulp.task('default', ['server']); | |
2. live-reload | |
https://docs.google.com/drawings/d/1Od3ogyLDKaauQuqW5BVutp72_Ge5c_MFWTVwxtXIuuM/edit | |
var livereload = require('connect-livereload'); | |
server.use(livereload()); //this must be before serving the dist folder | |
gulp.watch([ './dist/**' ], function (event) { | |
if (event && event.type === 'changed') { | |
console.log('File changed: ', event.path); | |
server.notify(event); | |
} | |
}); | |
3. gulp clean | |
npm install --save- del | |
var del = require('del'); | |
gulp.task('clean', function (cb) { | |
del(['./dist/**', '!./dist']).then(function () { | |
cb(); | |
}, function (error) { | |
cb(error); | |
}); | |
}); | |
4. gulp move | |
gulp.task('move', ['clean'], function () { | |
var filesToMove = [ | |
'./src/frontend/index.html' | |
]; | |
return gulp.src(filesToMove).pipe(gulp.dest('./dist')); | |
}); | |
5. gulp watch frontend | |
gulp-inject | |
6. enter gulp | |
if (SP_ENVIRONMENT === 'local') { | |
SP_APP.use(require('connect-livereload')()); | |
} | |
SP_EXPRESS.use('/bower_components', express.static(config.folders.bower)); | |
module.exports.express = global.SP_EXPRESS; //require for gulp-express to work | |
5. gulp | |
npm install --save del | |
npm install gulp --save-dev | |
npm install gulp-express --save-dev | |
npm install connect-livereload --save-dev | |
npm install gulp-livereload --save-dev | |
npm install gulp-clean --save-dev | |
npm install gulp-sass --save-dev | |
Gulpfile.js | |
5. bower | |
bower init, bower install angular --save | |
.bowerrc | |
{ | |
"directory": "src/app/bower_components" | |
} | |
SP_APP.use('/bower_components', express.static(__dirname + '/src/app/bower_components')) | |
6. angular | |
7. mongo | |
mkdir -p localdb/seeddata | |
mkdir -p localdb/db | |
mongod --dbpath ./localdb/db | |
mongo --host localhost | |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment