Question

我有一个用于构建CSS的build脚本：

"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"

首先创建一个预先构建的vanilla css文件。
然后应用自动修复
最后应用缩小

是否可以一次性完成这项工作？

因为如果prebuild以某种方式失败，脚本将不再同步并且将失败。

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

建设与发展缩小＆amp;使用npm

1 个答案: