simplify the build process

build-tasks/compile-js.js

@@ -1,43 +0,0 @@
-'use strict';
-
-const gulp = require('gulp');
-const path = require('path');
-const browserify = require('browserify');
-const source = require('vinyl-source-stream');
-const buffer = require('vinyl-buffer');
-const uglifyJs = require('gulp-uglify');
-const sourcemaps = require('gulp-sourcemaps');
-const concat = require('gulp-concat');
-const rename = require('gulp-rename');
-const merge = require('merge-stream');
-
-module.exports = () => {
-    const debug = browserify(path.join('src', 'js', 'main.js'), {
-            debug: true
-        })
-        .bundle()
-        .pipe(source('main.js'))
-        .pipe(buffer())
-        .pipe(sourcemaps.init({ loadMaps: true }))
-        .pipe(sourcemaps.write())
-        .pipe(gulp.dest(path.join('dist', 'js')));
-
-    const production = browserify(path.join('src', 'js', 'main.js'), {
-            debug: false
-        })
-        .bundle()
-        .pipe(source('pw-image-editor.js'))
-        .pipe(buffer())
-        .pipe(gulp.dest(path.join('dist', 'js')));
-
-    const min = browserify(path.join('src', 'js', 'main.js'), {
-            debug: false
-        })
-        .bundle()
-        .pipe(source('main.min.js'))
-        .pipe(buffer())
-        .pipe(uglifyJs())
-        .pipe(gulp.dest(path.join('dist', 'js')));
-
-    return merge(debug, production, min);
-};

build-tasks/watcher.js

@@ -1,24 +0,0 @@
-'use strict';
-
-const gulp = require('gulp');
-const path = require('path');
-const watch = require('gulp-watch');
-
-module.exports = () => {
-    const less = watch(path.join('src', 'less', '**', '*.less'), () => {
-        gulp.start('compile-less');
-    });
-
-    const js = watch(path.join('src', 'js', '**', '*.js'), () => {
-        gulp.start('compile-js');
-    });
-/*
-    const vendorJs = watch(path.join('src', 'vendor', '**', '*.js'), () => {
-        gulp.start('compile-vendor-js');
-    });
-
-    const handlebars = watch(path.join('src', 'js', 'handlebars', '**', '*.hbs'), () => {
-        gulp.start('compile-handlebars');
-    });
-*/
-};

examples/basic/index.html

@@ -39,7 +39,7 @@
     </div>
     <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
     <script src="https://cdnjs.cloudflare.com/ajax/libs/fabric.js/1.7.11/fabric.js"></script>
-    <script src="/dist/js/main.js"></script>
+    <script src="/dist/image-editor.js"></script>
     <script src="/examples/basic/app.js"></script>
 </body>
 </html>

examples/photo-wallpaper/index.html

@@ -7,7 +7,7 @@
 
         <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
         <script src="https://cdnjs.cloudflare.com/ajax/libs/fabric.js/1.7.11/fabric.js"></script>
-        <script src="../../dist/js/main.js"></script>
+        <script src="../../dist/image-editor.js"></script>
         <script type="text/javascript">
             var width = document.getElementById('width');
             var height = document.getElementById('height');

gulpfile.js

@@ -1,20 +1,23 @@
-'use strict';
+var gulp = require('gulp');
+var browserify = require('browserify')
+var rename = require('gulp-rename');
+var source = require('vinyl-source-stream');
+var sourcemaps = require('gulp-sourcemaps');
+var buffer = require('vinyl-buffer');
 
-const gulp = require('gulp');
-const mkdirp = require('mkdirp');
-const del = require('del');
-const path = require('path');
-const buildTasks = path.join(process.cwd(), 'build-tasks');
-
-gulp.task('clean-dist', () => del('dist'));
-//gulp.task('compile-vendor-js', require(path.join(buildTasks, 'compile-vendor-js')));
-gulp.task('compile-js', require(path.join(buildTasks, 'compile-js')));
-gulp.task('watcher', require(path.join(buildTasks, 'watcher')));
-
-gulp.task('build', ['clean-dist'], () => {
-    mkdirp.sync('dist');
-    gulp.start('compile-js');
+gulp.task('build', function() {
+    var app = browserify('./src/js/main.js');
+    return app.bundle()
+        .pipe(source("not-used-but-needed-string.js"))
+        .pipe(buffer())
+        .pipe(sourcemaps.init({ loadMaps: true }))
+        .pipe(sourcemaps.write())
+        .pipe(rename('image-editor.js'))
+        .pipe(gulp.dest('./dist'))
 });
 
-gulp.task('watch', ['build', 'watcher']);
-gulp.task('default', ['build']);
+gulp.task('watch', function() {
+    gulp.watch('src/**/*.js', ['build']);
+});
+
+gulp.task('default', ['build']);

package.json

@@ -8,15 +8,9 @@
   },
   "devDependencies": {
     "browserify": "^13.1.1",
-    "del": "^2.2.2",
     "gulp": "^3.9.0",
-    "gulp-concat": "^2.6.0",
     "gulp-rename": "^1.2.2",
     "gulp-sourcemaps": "^1.9.1",
-    "gulp-uglify": "^2.0.0",
-    "gulp-watch": "^4.3.11",
-    "merge-stream": "^1.0.1",
-    "mkdirp": "^0.5.1",
     "vinyl-buffer": "^1.0.0",
     "vinyl-source-stream": "^1.1.0"
   }