代码之家 › 专栏 › 技术社区 › DevJoe

通过Gulp via缩小CSS。管

gulp-clean-css bundling-and-minification gulp css

DevJoe · 技术社区 · 8 年前

是否可以使用诸如clean css之类的插件,以便在每次页面刷新/保存时缩小css。。?如何通过管道将其链接到缩小的dist文件夹?谢谢你的帮助!

这是当前代码:

gulp.task('styles', function(){
    return gulp.src('css/style.css')
        .pipe(postcss([cssImport, mixins, cssvars, nested, hexrgba, autoprefixer]))
        .on('error', function(errorInfo){
            console.log(errorInfo.toString());
            this.emit('end');
        })
        //stylesheet destination folder
        .pipe(gulp.dest('dist/styles'));
});

1 回复 | 直到 8 年前

JS1 8 年前

您可以使用uglifycss:

uglifycss = require('gulp-uglifycss');

gulp.task('styles', function(){
    return gulp.src('css/style.css')
        .pipe(postcss([cssImport, mixins, cssvars, nested, hexrgba, autoprefixer]))
        .on('error', function(errorInfo){
            console.log(errorInfo.toString());
            this.emit('end');
        })
        .pipe(uglifycss({
            "maxLineLen": 80,
            "uglyComments": true
        }))
        //stylesheet destination folder
        .pipe(gulp.dest('dist/styles'));
});

推荐文章

SharpCode · 反应保险丝盒别名设置-绝对路径(&F)

8 年前

DevJoe · 通过Gulp via缩小CSS。管

8 年前

Arnold Schrijver · 汇总bundle node_模块到bundle.js吗?

8 年前

jstuardo · MVC5捆绑包不适用于某些资源

9 年前

anyeloamt · ASP。NET MVC 5捆绑和缩小Javascript ES6

9 年前

LavaHot · 如何将一个捆绑包与gulp MVC 6分开进行调试?

10 年前

andrewm · 当我打开释放模式时,绑定在MVC5中不工作

11 年前

BotanMan · Angular js应用程序缩小

11 年前

aw04 · 我应该捆绑哪些js/css文件?[已关闭]

12 年前

Gaurav · “Microsoft.AspNet.Web.Moptimization”与“Microsoft.AspCNet.Web.moptimization.WebForms”

12 年前