GULP 2022 установка настройка плагины. Подробный курс по настройке галпа для быстрой сборки проекта
Why Stack Overflow на русском recommends it
Stack Overflow in Russian users cite it as the source of the Gulp build they are using when they ask about errors and tweaks in that setup.
Recommended by 0 people across 0 different months, 2021 to 2023.
What it is
A Russian-language, nearly two-hour tutorial that builds a Gulp 2022 project setup from scratch. It covers installing Gulp and wiring up plugins for HTML/PUG, SCSS, Webpack-bundled JS, image optimization with WEBP, fonts, SVG sprites, ZIP output and FTP deployment. The channel offers a ready-made build as a download.
What people said
Cites user438459 · 2021-12 · Stack Overflow на русском · on “Gulp работа с FTP, vinyl FTP”
// Основной модуль import gulp from "gulp"; // Импорт путей import { path } from "./gulp/config/path.js"; // Импорт общих плагинов import { plugins } from "./gulp/config/plugins.js" // Передаем значения в глобавльную переменную global.app = { isBuild: process.argv.includes('--build'), isDev: !process.argv.includes('--build'), path: path, gulp: gulp, plugins: plugins } // Импорт задач import { copy } from "./gulp/tasks/copy.js"; import { reset } from "./gulp/tasks/reset.js"; import { html } from "./gulp/tasks/html.js"; import { server } from "./gulp/tasks/server.js"; import { scss } from "./gulp/tasks/scss.js"; import { js } from "./gulp/tasks/js.js"; import { images } from "./gulp/tasks/imag
Cites Konstantin_SH · 2022-01 · Stack Overflow на русском · on “Почему я получаю ошибку sass is not a function в gulp при использовании модуля gulp-sass?”
У меня есть такой модуль для обработки стилей: import autoPrefixer from "gulp-autoprefixer" import groupCssMediaQueries from "gulp-group-css-media-queries" import GulpCleanCss from "gulp-clean-css" import dartSass from "sass" import gulpSass from "gulp-sass" const sass = gulpSass(dartSass); export const scss = () => { return app.gulp.src(app.path.src.css, { sourcemaps: true }) .pipe(app.plugins.cached("css")) .pipe(app.plugins.newer(app.path.build.css)) .pipe( sass({ outputStyle: "expanded" }) ) .pipe( groupCssMediaQueries() ) .pipe( autoPrefixer({ overrideBrowserslist: ["last 5 version"], cascade: true }) ) .pipe(app.plugins.remember("css")) .pipe(webpcss()) .pipe(dest(app.path.build.css))
Cites Roman S. · 2023-02 · Stack Overflow на русском · on “Как в gulp сборке не минифицировать js файл в build?”
Мне нужно чтобы в production ( npm run build ) НЕ минифицировать основной js файл ( app.js ). В этой сборке используется webpack-stream для сжатия и экспорта других файлов/библиотек в единый js файл. Но мне, по некоторым причинам, нужен обычный читаемый js файл, такой же как и в режиме development, только с импортированными в него файлами ( если такие имеются ). JS.JS: import webpack from "webpack-stream"; export const js = () => { return app.gulp.src(app.path.src.js, { sourcemaps: app.isDev }) .pipe(app.plugins.plumber( app.plugins.notify.onError({ title: "JS", message: "Error: <%= error.message %>" })) ) .pipe(webpack({ mode: app.isBuild ? 'production' : 'development', output: { filename: