Минифий SASS с использованием Gulp, PostCSS и PurgeCSS - PullRequest
Новая
       51

Минифий SASS с использованием Gulp, PostCSS и PurgeCSS

0 голосов
/ 19 апреля 2019

несмотря на мою sass gulptask, мой .min.css файл все еще 148kb в высоту ... У кого-нибудь есть идеи, что еще я могу изменить в своей задаче, чтобы уменьшить мой .min.css еще больше?Кто-нибудь из вас использует другие пакеты, которые предлагают еще лучшее сжатие? 

gulp.task('sass', done => {
    gulp.src(src + 'assets/sass/**/*.scss')
        .pipe(plumber())
        .pipe(sourcemaps.init())
        .pipe(sass({
            includePaths: ['node_modules']
        }))
        .pipe(postcss(
            [
                tailwindcss(src + 'tailwind.config.js'),
                cssnano({
                    preset: 'default',
                }),
                purgecss({
                    content: [src + '/**/*.html'],
                    extractors: [{
                        extractor: TailwindExtractor,
                        extensions: ['html']
                    }]
                }),
                autoprefixer(),
            ],
        ))
        .pipe(rename({ suffix: '.min' }))
        .pipe(sourcemaps.write('.'))
        .pipe(gulp.dest(dist + 'assets/css'))
        .pipe(browserSync.stream());
    done();
});

1 Ответ

0 голосов
/ 21 апреля 2019

Я слышал, как Адам Уотан и Джеффри Уэй говорили о Бротли в подкасте Full Stack Radio. Казалось, сжать Tailwind CSS в значительно небольших количествах. TBH, я никогда не использовал это сам.

Проверьте это здесь: https://www.npmjs.com/package/brotli

...