Ответы пользователя по тегу Webpack
  • Как найти ошибку?

    узнать где именно ошибка, а не просто получить ссылку на общий файл?


    Используйте плагин sourcemaps (плагин для gulp)
    1) Перед началом обработки файла указываете команду .pipe(sourcemaps.init())
    2) После обработки файла указываете: .pipe(sourcemaps.write())
    Всё это указано в документации.

    Получается такой код в Gulp-файле
    const gulp = require('gulp');
    const concat = require('gulp-concat');
    const sourcemaps = require('gulp-sourcemaps');
    
    gulp.task('js', function() {
      return gulp.src('js/*.js')
        
      // Инициируем карту перед работой с файлом
        .pipe(sourcemaps.init())
    
        // Объединяем все JS в один файл
        .pipe(concat('main.js'))
    
        // Записываем карту всех исходных файлов
        .pipe(sourcemaps.write())
    
        .pipe(gulp.dest('./'));
    })


    В итоге, в консоли упоминается не итоговый файл, а исходный

    5dfb5501d1044079730414.png
    Ответ написан
    Комментировать
  • Зачем нужены Gulp/Webpack?

    Это Taskrunners (запускатели задач), предназначение которых - с помощью JavaScript-библиотек автоматизировать большое количество различных процессов, которые производятся с ресурсами проекта при разработке и отправке в продакшн.

    Например,
    – Компиляция файлов препроцессоров в CSS
    – Объединение большого количества файлов стилей в один
    – CSS, JS, HTML, SVG -минификация
    – Сжатие изображений
    – Создание спрайтов из отдельный SVG-файлов
    – Оптимизация и в какой-то степени "валидация" HTML (например, проставить атрибут alt у всех img
    – и много другого
    Ответ написан
    3 комментария