li scss

Author: levonlee

README.md

@@ -6,7 +6,7 @@
 - `gulp myscss` :: compile myscss `**/myscss/*.scss`
 - `gulp myvendorsjs` :: minimize vendor js files
     - `node_modules/owl.carousel/owl.carousel.js` are saved to `assets/js/owl.carousel/owl.carousel.js` and `assets/js/owl.carousel/owl.carousel.min.js` (generated by this Gulp). `assets/js/owl.carouse` is taken from original js file base name `owl.carousel`
-- `gulp watch` only does `gulp myscss` for now..
+- `gulp watch` only does `gulp myscss` for now
 
 # Config
 ## Browserslist

bootstrap/myscss/li.css

@@ -0,0 +1 @@
+@import "li/reboot";

bootstrap/myscss/li.css.map

@@ -0,0 +1,5 @@
+*,
+*::before,
+*::after {
+  box-sizing: border-box; // 1
+}

bootstrap/myscss/li.scss

@@ -39,6 +39,9 @@ var scssPath = [
 ];
 // don't use ** at the beginning as it will contain a lot of folders in node_modules
 
+// // `gulp myscss` :: compile myscss `**/myscss/*.scss`
+// create sourcemap, convert scss to css, autoprefixer, minify css
+// Used in Watch :: won't run if scss file is not updated
 gulp.task('myscss', () => {
   return gulp.src(scssPath, { base: '.', since: gulp.lastRun('myscss') }).
     pipe(gDebug()).
@@ -60,6 +63,27 @@ gulp.task('myscss', () => {
     pipe(gulp.dest('.'))
 })
 
+// create sourcemap, convert scss to css, autoprefixer
+gulp.task('myscssNoMinify', () => {
+  return gulp.src(['bootstrap/myscss/li.scss'], { base: '.', since: gulp.lastRun('myscss') }).
+    pipe(gDebug()).
+    pipe(sourcemaps.init()).
+    pipe(
+      sass({
+        errLogToConsole: config.errLogToConsole,
+        outputStyle: config.outputStyle,
+        precision: config.precision,
+      }),
+    ).
+    on('error', sass.logError).
+    pipe(gPostcss([autoprefixer()])).
+    pipe(rename((path) => {
+      path.extname = '.css'
+    })).
+    pipe(sourcemaps.write('.')).
+    pipe(gulp.dest('.'))
+})
+
 gulp.task('myvendorsjs', function () {
   return gulp.src(config.jsVendorSRC, { since: gulp.lastRun('myvendorsjs') })
     .pipe(