小米商城day01

1 npm --init
2 相关插件 gulp gulp-scss gulp-minify-css gulp-rename

npm install gulp@3.9.1 -D
npm i gulp-scss gulp-minify-css gulp-rename -D
npm i gulp-sass -D  //有的环境不支持gulp-scss

3 编写相关任务并初步建立项目

const gulp = require("gulp");
// const scss = require("gulp-scss");
const scss = require("gulp-sass");
const minifyCSS = require("gulp-minify-css");
const rename = require("gulp-rename");
/* 文件压缩 .scss文件-->  css文件  -->  压缩  -->  min.css */
// 重命名需要指定名字
gulp.task("scss", function () {
    return gulp.src("stylesheet/index.scss")
        .pipe(scss())
        .pipe(gulp.dest("dist/css"))
        .pipe(minifyCSS())
        .pipe(rename("index.min.scss"))
        .pipe(gulp.dest("dist/css"));
})
gulp.task("scssAll", function () {
    return gulp.src("stylesheet/*.scss")
        .pipe(scss())
        .pipe(gulp.dest(&#