🎨 about #12495

gulpfile.js

@@ -20,26 +20,41 @@
  * @file frontend tool.
  *
  * @author <a href="mailto:liliyuan@fangstar.net">Liyuan Li</a>
- * @version 1.5.0.0, Aug 31, 2018
+ * @version 1.6.0.0, Sep 1, 2018
  */
 
-'use strict';
+'use strict'
 
-var gulp = require("gulp");
-var concat = require('gulp-concat');
-var uglify = require('gulp-uglify');
-var cleanCSS = require('gulp-clean-css');
-var sass = require('gulp-sass');
+const gulp = require('gulp')
+const concat = require('gulp-concat')
+const uglify = require('gulp-uglify')
+const cleanCSS = require('gulp-clean-css')
+const clean = require('gulp-clean')
+const sass = require('gulp-sass')
+const rename = require('gulp-rename')
+const minifycss = require('gulp-minify-css')
+const gulpSequence = require('gulp-sequence');
 
-gulp.task('build', function () {
+gulp.task('watch', function () {
+  gulp.watch('./src/main/webapp/skins/*/css/*.scss', ['sass'])
+})
+
+gulp.task('sass', function () {
+  return gulp.src('./src/main/webapp/skins/*/css/*.scss').
+    pipe(sass().on('error', sass.logError)).
+    pipe(gulp.dest('./src/main/webapp/skins/'))
+})
+
+gulp.task('compress', function () {
   // min css
-    gulp.src('./src/main/webapp/js/lib/CodeMirrorEditor/codemirror.css')
-            .pipe(cleanCSS())
-            .pipe(concat('codemirror.min.css'))
-            .pipe(gulp.dest('./src/main/webapp/js/lib/CodeMirrorEditor/'));
+  gulp.src('./src/main/webapp/js/lib/CodeMirrorEditor/codemirror.css').
+    pipe(cleanCSS()).
+    pipe(concat('codemirror.min.css')).
+    pipe(gulp.dest('./src/main/webapp/js/lib/CodeMirrorEditor/'))
 
   // concat js
-    var jsJqueryUpload = ['./src/main/webapp/js/lib/jquery/jquery.min.js',
+  const jsJqueryUpload = [
+    './src/main/webapp/js/lib/jquery/jquery.min.js',
     './src/main/webapp/js/lib/jquery/file-upload-9.10.1/vendor/jquery.ui.widget.js',
     './src/main/webapp/js/lib/jquery/file-upload-9.10.1/jquery.iframe-transport.js',
     './src/main/webapp/js/lib/jquery/file-upload-9.10.1/jquery.fileupload.js',
@@ -50,32 +65,43 @@ gulp.task('build', function () {
     './src/main/webapp/js/overwrite/codemirror/addon/hint/show-hint.js',
     './src/main/webapp/js/lib/CodeMirrorEditor/editor.js',
     './src/main/webapp/js/lib/to-markdown.js',
-        './src/main/webapp/js/lib/highlight.js-9.6.0/highlight.pack.js'];
-    gulp.src(jsJqueryUpload)
-            .pipe(uglify())
-            .pipe(concat('admin-lib.min.js'))
-            .pipe(gulp.dest('./src/main/webapp/js/lib/compress/'));
-
+    './src/main/webapp/js/lib/highlight.js-9.6.0/highlight.pack.js']
+  gulp.src(jsJqueryUpload).
+    pipe(uglify()).
+    pipe(concat('admin-lib.min.js')).
+    pipe(gulp.dest('./src/main/webapp/js/lib/compress/'))
 
   // concat js
-  var jsPjax = ['./src/main/webapp/js/lib/jquery/jquery-3.1.0.min.js',
+  const jsPjax = [
+    './src/main/webapp/js/lib/jquery/jquery-3.1.0.min.js',
     './src/main/webapp/js/lib/jquery/jquery.pjax.js',
-    './src/main/webapp/js/lib/nprogress/nprogress.js'];
-  gulp.src(jsPjax)
-  .pipe(uglify())
-  .pipe(concat('pjax.min.js'))
-  .pipe(gulp.dest('./src/main/webapp/js/lib/compress/'));
-});
+    './src/main/webapp/js/lib/nprogress/nprogress.js']
+  gulp.src(jsPjax).
+    pipe(uglify()).
+    pipe(concat('pjax.min.js')).
+    pipe(gulp.dest('./src/main/webapp/js/lib/compress/'))
+})
 
+gulp.task('build', function () {
+  // minify css
+  gulp.src('./src/main/webapp/skins/*/css/*.css').
+    pipe(rename({suffix: '.min'})).
+    pipe(minifycss()).
+    pipe(gulp.dest('./src/main/webapp/skins/'))
 
-gulp.task('sass', function () {
-  return gulp.src('./src/main/webapp/skins/*/css/*.scss')
-  .pipe(sass({outputStyle: 'compressed'}).on('error', sass.logError))
-  .pipe(gulp.dest('./src/main/webapp/skins'));
-});
+  // minify js
+  gulp.src('./src/main/webapp/skins/*/js/*.js').
+    pipe(rename({suffix: '.min'})).
+    pipe(uglify({preserveComments: 'license'})).
+    pipe(gulp.dest('./src/main/webapp/skins/'))
+})
 
-gulp.task('watch', function () {
-  gulp.watch('./src/main/webapp/skins/*/css/*.scss', ['sass']);
+gulp.task ('clean', function () {
+  // clean css
+  gulp.src('./src/main/webapp/skins/*/css/*.min.css').pipe(clean({force: true}));
+  // clean js
+  gulp.src('./src/main/webapp/skins/*/js/*.min.js').pipe(clean({force: true}));
 });
 
-gulp.task('default', ['sass', 'build']);
\ No newline at end of file
+
+gulp.task('default',  gulpSequence('sass', 'build', 'compress'))
\ No newline at end of file

package.json

@@ -12,6 +12,10 @@
   },
   "license": "GPLv3",
   "private": true,
+  "scripts": {
+    "dev": "gulp watch",
+    "build": "gulp clean && gulp"
+  },
   "author": "Daniel <dl882509@gmail.com> (http://88250.b3log.org) & Vanessa <v@b3log.org> (http://vanessa.b3log.org)",
   "maintainers": [
     {
@@ -25,9 +29,13 @@
   ],
   "devDependencies": {
     "gulp": "^3.9.1",
+    "gulp-clean": "^0.4.0",
     "gulp-clean-css": "^2.4.0",
     "gulp-concat": "2.6.0",
+    "gulp-minify-css": "^1.2.4",
+    "gulp-rename": "^1.4.0",
     "gulp-sass": "^4.0.1",
+    "gulp-sequence": "^1.0.0",
     "gulp-uglify": "^2.1.2",
     "marked": "^0.3.6"
   }