• Gulp.js - минификация CSS?

    @Noober_Proger Автор вопроса
    Максим Тимофеев, А у меня gulp-clean-css был результзт лучше чем у cssnano...

    Вот их результаты:
    Код без минификации:
    /* It's a very very importand COMMENT (no) */
    /* It's a very very importand COMMENT (no) */
    
    /* It's a very very importand COMMENT (no) */
    
    /* It's a very very importand COMMENT (no) */
    /* It's a very very importand COMMENT (no) */
    
    /* It's a veerpi;kNT (no) */
    
    /* Lorem ipsum dolor sit amet, consectetur adipisicing elit. Iure nulla vero sapiente, veritatis eaque placeat fuga nobis possimus quidem, deserunt totam, suscipit voluptas asperiores adipisci similique aut inventore ducimus aliquam blanditiis. Ea maiores cumque maxime, nesciunt, velit id ipsum eum odit doloremque at, inventore nulla! Possimus, incidunt vero velit odit pariatur quod suscipit deserunt soluta deleniti cumque. Placeat omnis consequuntur aliquam porro modi, quaerat ratione tenetur maxime, qui. Voluptas maiores nulla fugit eum voluptatem repellendus commodi nisi omnis. */
    
    @media only screen and (min-height: 100px) {
    	
    	body {
    		height: 100px;
    		width: 100px;
    		margin: 20px;
    	}
    
    }
    
    blockquote {
    	height: 167px;
    	padding: 60px;
    	position: absolute;
    }
    
    blockquote {
    	box-sizing: border-box;
    	text-align: center;
    }
    
    div {
    	height: 167px;
    	padding: 60px;
    	position: absolute;
    }
    
    div {
    	box-sizing: border-box;
    	text-align: center;
    }
    
    .test {
    	margin-top: 50px;
    	margin-right: 50px;
    	margin-bottom: 50px;
    	margin-left: 50px;
    }
    
    @media only screen and (min-height: 100px) {
    	
    	html {
    		outline: 100px solid #fff013;
    		left: 100px;
    		top: 20px;
    	}
    
    }
    
    /* Mouse jumped on the donkey :D */


    Код с минификацией CSSNANO: (beautify)
    @media only screen and (min-height:100px) {
        body {
            height: 100px;
            width: 100px;
            margin: 20px
        }
    }
    
    blockquote {
        box-sizing: border-box;
        text-align: center
    }
    
    blockquote,
    div {
        height: 167px;
        padding: 60px;
        position: absolute
    }
    
    div {
        box-sizing: border-box;
        text-align: center
    }
    
    .test {
        margin: 50px
    }
    
    @media only screen and (min-height:100px) {
        html {
            outline: 100px solid #fff013;
            left: 100px;
            top: 20px
        }
    }


    Вот их результаты:
    Код с минификацией GULP-CLEAN-CSS (level: 2): (beautify)
    blockquote,
    div {
        height: 167px;
        padding: 60px;
        position: absolute;
        box-sizing: border-box;
        text-align: center
    }
    
    .test {
        margin: 50px
    }
    
    @media only screen and (min-height:100px) {
        body {
            height: 100px;
            width: 100px;
            margin: 20px
        }
    
        html {
            outline: #fff013 solid 100px;
            left: 100px;
            top: 20px
        }
    }
  • Gulp.js - минификация CSS?

    @Noober_Proger Автор вопроса
    Максим Тимофеев, Хорошо, спасибо!
  • Gulp.js - минификация CSS?

    @Noober_Proger Автор вопроса
    Я не знал что так можно сделать
  • Gulp.js - минификация CSS?

    @Noober_Proger Автор вопроса
    Максим Тимофеев, Мне надо, чтобы с минификацией убрались все лишние комментарии, селекторы и свойства обединялись и если можно больше оптимизации...