Criado gulpfile e arquivo de variaveis

Author: mvfsillva

.gitignore

@@ -1,3 +1,4 @@
 _site
 .sass-cache
 .jekyll-metadata
+node_modules

_sass/_variables.scss

@@ -0,0 +1,2 @@
+$primary-color: #4285F4;
+$second-color: #FBBC05;

gulpfile.babel.js

@@ -0,0 +1,57 @@
+'use strict';
+
+import gulp         from 'gulp';
+import path         from 'path';
+import browserify   from 'browserify';
+import babelify     from 'babelify';
+import source       from 'vinyl-source-stream';
+import watchify     from 'watchify';
+import serve        from 'browser-sync';
+import rename       from 'gulp-rename';
+import sass         from 'gulp-sass';
+
+let reload = () => serve.reload();
+let root = 'www';
+let pathJoin = (pathOut, join) => {
+  pathOut = pathOut || '';
+  join = join || '';
+  return path.join(root, pathOut, join);
+};
+
+let paths = {
+  js: pathJoin('js/', '**/*!(.spec.js).js')
+  , sass: ['./scss/**/*.scss']  
+  , html: [
+    path.join(root, 'index.html')
+    , pathJoin('components/', '**/*.html')
+  ]
+}
+
+gulp.task('sass', () => {
+  gulp.src('./scss/index.scss')
+    .pipe(sass().on('error', sass.logError))   
+    .pipe(minifyCss({
+      keepSpecialComments: 0
+    }))
+    .pipe(rename('main'))
+    .pipe(rename({ extname: '.min.css' }))
+    .pipe(gulp.dest('./www/css/'))
+});
+
+gulp.task('watch', () => {
+  let allPaths = [].concat([paths.js], paths.html, [paths.sass]);
+  gulp.watch(allPaths, ['sass', reload]);
+});
+
+gulp.task('serve', () => {
+  serve({
+    port: process.env.PORT || 4000,
+    open: false,
+    server: { baseDir: root }
+  });
+});
+
+gulp.task('default', (done) => {
+  sync('serve','sass','watch', done);
+  console.log('Serviço iniciado... let\'s player');
+});

package.json

@@ -15,5 +15,19 @@
   "bugs": {
     "url": "https://github.com/GDG-Salvador/gdg-salvador.github.io/issues"
   },
-  "homepage": "https://github.com/GDG-Salvador/gdg-salvador.github.io#readme"
+  "homepage": "https://github.com/GDG-Salvador/gdg-salvador.github.io#readme",
+  "dependencies": {
+    "babel-preset-es2015": "^6.3.13",
+    "gulp": "^3.9.0",
+    "path": "^0.12.7"
+  },
+  "devDependencies": {    
+    "babelify": "^7.2.0",
+    "browser-sync": "^2.11.1",
+    "gulp-minify-css": "^1.2.3",
+    "gulp-rename": "^1.2.2",
+    "gulp-sass": "^2.1.1",        
+    "vinyl-source-stream": "^1.1.0",
+    "watchify": "^3.7.0"
+  }
 }