Ответы пользователя по тегу Gulp.js
  • Почему ошибка из cleanCSS в gulp?

    mitrofanzxc
    @mitrofanzxc
    Front-end Developer
    Могу ошибаться, но вам необходимо продублировать строку .pipe(dest('dist/css')) перед строкой .pipe(cleanCSS()). Также обратите внимание на свою последовательность: .pipe(autoprefixer()) должен явно выше стоять перед .pipe(cleanCSS()). Вы же сначала делаете манипуляции над кодом, а потом уже итог минифицируете. Должно получиться:

    .pipe(plumber())
    .pipe(sassGlob())
    .pipe(sass({outputStyle: 'expanded'}))
    .pipe(autoprefixer())
    .pipe(dest('dist/css'))
    .pipe(cleanCSS())
    .pipe(dest('dist/css'))

    Кстати, про # в названии папок - неправда. Все с ней работает.
    Ответ написан
    Комментировать
  • GULP Cannot GET / почему ошибка?

    mitrofanzxc
    @mitrofanzxc
    Front-end Developer
    Здравствуйте, в самом начале вы допустили ошибку в let source_foled = "src"; где foled необходимо заменить на folder.

    Далее в объектах src и watch необходимо заменить путь project_folder на source_folder.

    src: {
    html: source_folder + "/*.html",
    css: source_folder + "/scss/style.scss",
    js: source_folder + "/js/script.js",
    img: source_folder + "/img/**/*.{jpg,png,svg,gif,ico,webp}",
    fonts: source_folder + "/fonts/*.ttf",
    },
    watch: {
    html: source_folder + "/**/*.html",
    css: source_folder + "/scss/**/*.scss",
    js: source_folder + "/js/**/*.js",
    img: source_folder + "/img/**/*.{jpg,png,svg,gif,ico,webp}"
    },

    Далее в строке browsersync = require("browser-sync").create(); необходимо в конце поставить запятую вместо ;
    Ответ написан
    Комментировать