@dmytrotus

Как минифицировать файлы в Wordpress с помощью Gulpfile.js?

После установки темы и плагинов в Wordpress очень многозапросов к разным css и js файлам.
Хотелось бы это все дело отпимизировать и поместить в один js файл, а так же в еще один css файл который будет минифицирован.

Для примера скидываю список из css файлами
wp-includes/css/dashicons.min.css?ver=5.2.2
wp-includes/css/admin-bar.min.css?ver=5.2.2
wp-includes/css/dist/block-library/style.min.css?ver=5.2.2

wp-content/plugins/woocommerce/assets/css/blocks/style.css?ver=3.6.5
wp-content/plugins/yith-woocommerce-wishlist/assets/css/jquery.selectBox.css?ver=1.2.0
wp-content/plugins/yith-woocommerce-wishlist/assets/css/font-awesome.min.css?ver=4.7.0
wp-content/plugins/yith-woocommerce-wishlist/assets/css/style.css?ver=2.2.11
wp-content/plugins/contact-form-7/includes/css/styles.css?ver=5.1.4
wp-content/plugins/woocommerce/assets/css/woocommerce-layout.css?ver=3.6.5
wp-content/plugins/woocommerce/assets/css/woocommerce-smallscreen.css?ver=3.6.5
wp-content/plugins/woocommerce/assets/css/woocommerce.css?ver=3.6.5
wp-content/plugins/woocommerce/assets/css/prettyPhoto.css?ver=5.2.2

wp-content/themes/mytheme/style.css?ver=5.2.2
wp-content/themes/mytheme/assets/font-awesome/css/font-awesome.min.css?ver=5.2.2
wp-content/themes/mytheme/css/responsive.css?ver=5.2.2


Все они лежат в разных папках.
Кто поскажет какие модули gulp поставить чтобы не ставить лишнего.
В документации кстати нашел только как подключать одну папку

Я понимаю Gulpfile.js должен выглядеть вот так
var minifyCSS = require('gulp-minify-css');
gulp.task('css', function(){
    gulp.src('src/css/**/*.css')
        .pipe(minifyCSS())
        .pipe(gulp.dest('themes/mytheme/css'))
});


Какие файлы gulpfile.js и package.json должны быть в папке чтобы командой npm i сразу все поставить что нужно для компиляции js, css?
  • Вопрос задан
  • 47 просмотров
Пригласить эксперта
Ответы на вопрос 2
@EvgenyMorozov
А что вы будете делать, когда стили плагинов обновятся вместе с плагинами?
Мое мнение, вам нужно сжимать только CSS и JS своей темы, и не пытаться объединить всё в одно, все равное не получится.
Если у вас сайт на HTTPS, то переведите его на протокол HTTP/2, тут можно оставить много мелких файлов стилей и скриптов.
Ответ написан
OtshelnikFm
@OtshelnikFm Куратор тега WordPress
Мои работы: otshelnik-fm.ru
Плагин есть autooptimize или примерно так называется. Объединяет и сжимает файлы. Но вы с ним аккуратней - тестируйте все четко - иногда какой-то скрипт нельзя так объединять и переносить в подвал - тогда его там в игнор
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы