Javascript

.babelrc

@@ -0,0 +1,5 @@
+{
+  "plugins": [
+    "transform-es2015-modules-commonjs"
+  ]
+}

.gitignore

@@ -0,0 +1,2 @@
+# Created by .ignore support plugin (hsz.mobi)
+node_modules

gulpfile.js

@@ -0,0 +1,38 @@
+const gulp = require('gulp');
+const sass = require('gulp-sass');
+const sourcemaps = require('gulp-sourcemaps');
+const clean = require('gulp-clean');
+const rebaseUrls = require('gulp-css-rebase-urls');
+
+
+gulp.task('images-clean-dist', () =>
+    gulp.src('./public/dist/images', {read: false})
+        .pipe(clean())
+);
+
+gulp.task('images', ['images-clean-dist'], () =>
+    gulp.src('./src/images/**/*')
+        .pipe(gulp.dest('./public/dist/images'))
+);
+
+gulp.task('images:watch', ['images'],  () =>
+    gulp.watch('./src/images/**/*', ['images'])
+);
+
+gulp.task('sass', () =>
+    gulp.src('./src/styles/default.scss')
+        .pipe(sourcemaps.init())
+        .pipe(sass().on('error', sass.logError))
+        .pipe(rebaseUrls())
+        .pipe(sourcemaps.write('./'))
+        .pipe(gulp.dest('./public/dist/styles'))
+);
+
+gulp.task('sass:watch', ['sass'], () =>
+    gulp.watch('./src/styles/**/*.scss', ['sass'])
+);
+
+
+// common
+gulp.task('build', ['sass', 'images']);
+gulp.task('default', ['sass:watch', 'images:watch']);

package.json

@@ -0,0 +1,29 @@
+{
+  "name": "todo-app-with-css",
+  "version": "0.0.1",
+  "description": "",
+  "main": "index.js",
+  "scripts": {
+    "test": "echo \"Error: no test specified\" && exit 1",
+    "build": "gulp build",
+    "watch": "gulp watch",
+    "start": "gulp"
+  },
+  "author": "",
+  "license": "MIT",
+  "dependencies": {
+    "gulp": "^3.9.1",
+    "gulp-clean": "^0.3.2",
+    "gulp-css-rebase-urls": "0.0.5",
+    "gulp-sass": "^3.1.0",
+    "gulp-sourcemaps": "^2.5.1"
+  },
+  "devDependencies": {
+    "assert": "^1.4.1",
+    "babel": "^6.23.0",
+    "babel-plugin-transform-es2015-modules-commonjs": "^6.24.1",
+    "babel-register": "^6.24.0",
+    "mocha": "^3.4.2",
+    "webpack": "^2.6.1"
+  }
+}