Подключение normalize.css c помощью gulp?

Для подключения normalize.css с помощью Gulp.js, вам потребуется установить необходимые плагины и настроить задачи в файле gulpfile.js.

Шаги, которые вам следует выполнить:

1. Установите пакет normalize.css с помощью npm:

npm install normalize.css

2. Установите необходимые плагины Gulp.js:

npm install --save-dev gulp gulp-sourcemaps gulp-postcss postcss-import postcss-normalize

3. Создайте файл gulpfile.js в корневой папке вашего проекта и подключите необходимые модули:

const gulp = require('gulp');
const sourcemaps = require('gulp-sourcemaps');
const postcss = require('gulp-postcss');
const postcssImport = require('postcss-import');
const postcssNormalize = require('postcss-normalize');

4. Создайте задачу Gulp.js, которая будет компилировать CSS файлы и подключать normalize.css:

function styles() {
  return gulp
    .src('src/styles/main.css') // путь к вашему CSS файлу
    .pipe(sourcemaps.init())
    .pipe(postcss([
      postcssImport(),
      postcssNormalize(),
    ]))
    .pipe(sourcemaps.write('.'))
    .pipe(gulp.dest('dist/styles')); // путь, куда сохранить скомпилированный CSS файл
}

exports.styles = styles;

5. Запустите задачу styles, чтобы скомпилировать и подключить normalize.css:

gulp styles

После выполнения задачи, вы обнаружите, что normalize.css был успешно подключен к вашему проекту вместе с остальными стилями.