Home / Questions / 103372
Accepted
PiledroMurcia
Asked: 2020-09-20 06:44:41 +0800 CST 2020-09-20 06:44:41 +0800 CST

Minify CSS for simplicity

  • 772

I try to minify my css code to improve my web loading. I have tried using css clean and minify css, but the code that it returns is always commented out. Some help?

html

1 Answers

  1. Best Answer

    Have you tried using Gulp ? Gulp itself is a task automator, but supported by css and js minification packages you can quickly minify all content. In addition to seeing many other functions for which it could help you.

    var gulp = require('gulp');
var browserify = require('gulp-browserify');
var uglify = require('gulp-uglify');
var cssmin = require('gulp-cssmin');
var rename = require('gulp-rename');
var htmlmin = require('gulp-htmlmin');

gulp.task('minifycss', function() {

  archivosCss=gulp.src('ruta/tus/css');

  return  archivosCss    
          .pipe(cssmin())
          .pipe(rename({suffix:'.min'}))
          .pipe(gulp.dest('app/css/'));

});

gulp.task('minifyjs', function(){
  gulp.src('ruta/tus/js')
    .pipe(concat('script.js'))
    .pipe(browserify())
    .pipe(uglify())
    .pipe(gulp.dest('app/js'))
});

gulp.task('minifyHTML', function(){
  return gulp.src('./*.html')
              .pipe(htmlmin({collapseWhitespace:true}))
              .pipe(gulp.dest('app'));
});

gulp.task('all', ['minifycss','minifyjs','minifyHTML']);

gulp.task('default',['all']);

    In this example, you would minify your css, your js and even your html, making it much lighter.

    If you opt for this option, and you have any questions during the process, do not hesitate to let me know and I will complete it with the information you need.

    • 1