build sass

Author: AllenFang

gulpfile.babel.js

@@ -1,9 +1,11 @@
 import gulp from 'gulp';
 import babel from 'gulp-babel';
+import sass from 'gulp-sass';
+import cleanCSS from 'gulp-clean-css';
+import rename from 'gulp-rename';
 import rimraf from 'rimraf';
 import * as path from 'path';
 
-
 gulp.task('default', ['prod']);
 
 gulp.task('clean', () => {
@@ -18,7 +20,7 @@ gulp.task('clean', () => {
   });
 });
 
-gulp.task('prod', ['clean'], () => {
+gulp.task('build-js', () => {
   [
     'react-bootstrap-table2',
     'react-bootstrap-table2-editor',
@@ -34,3 +36,25 @@ gulp.task('prod', ['clean'], () => {
       .pipe(gulp.dest(`./packages/${pkg}/lib`));
   });
 });
+
+gulp.task('build-sass', () => {
+  [
+    'react-bootstrap-table2',
+    'react-bootstrap-table2-paginator'
+  ].forEach((pkg) => {
+    gulp
+      .src([
+        `./packages/${pkg}/style/**/*.scss`,
+        `!packages/${pkg}/+(dist|node_modules)/**/*.scss`
+      ])
+      .pipe(sass().on('error', sass.logError))
+      .pipe(gulp.dest(`./packages/${pkg}/dist`))
+      .pipe(cleanCSS({ compatibility: 'ie8' }))
+      .pipe(rename((path) => {
+        path.extname = '.min.css';
+      }))
+      .pipe(gulp.dest(`./packages/${pkg}/dist`));
+  });
+});
+
+gulp.task('prod', ['clean', 'build-js', 'build-sass']);

package.json

@@ -48,6 +48,9 @@
     "eslint-plugin-react": "7.2.1",
     "gulp": "3.9.1",
     "gulp-babel": "7.0.0",
+    "gulp-clean-css": "3.9.2",
+    "gulp-rename": "^1.2.2",
+    "gulp-sass": "3.1.0",
     "html-webpack-plugin": "2.30.1",
     "jest": "20.0.4",
     "jsdom": "11.2.0",