使用npm一键构建，缩小和添加前缀CSS

Question

我有一个build脚本用于构建CSS，如下所示：

"prebuild:css": "node-sass --source-map true sass/styles.scss /styles.prebuild.css",
"prefix:css": "postcss --use autoprefixer -b 'last 2 versions' < /aareguru.styles.css | postcss --use cssnano > /styles.min.css",
"build": "npm run prebuild:css && npm run prefix:css"

1. 首先创建一个预构建的香草css文件。
2. 然后应用自动前缀
3. 最后应用缩小

是否可以一口气做到这一点？

因为如果预构建因某种原因失败，脚本将不再同步，并且将失败。

Answer 1

对于任何寻求快速，随时可用的代码的人：

运行这些命令：

npm install -d gulp-sass
npm install -d gulp-autoprefixer
npm install -d gulp-uglifycss

然后使用此代码创建gulpfile.js：

var gulp = require('gulp');
var sass = require('gulp-sass');
var autoprefixer = require('gulp-autoprefixer');
var uglifycss = require('gulp-uglifycss');

var paths = {
    source : './assets/*.sass',
    destination: './css'
};

gulp.task('sass', () => {
    return gulp.src(paths.source)
    .pipe(sass().on('error', sass.logError))
    .pipe(autoprefixer())
    .pipe(uglifycss({
        "maxLineLen": 80,
        "uglyComments": true
    }))
    .pipe(gulp.dest(paths.destination));
});

运行

gulp sass