Как использовать normilize с gulp?

Question

[lavezzi1]

https://github.com/appleboy/normalize.scss

Решил установить normilize.scss через npm. Установил. Что дальше нужно сделать? Как его импортнуть в файлы то?

Comments

[jlekapb]

покажите ваш gulpfile

Answer 1

[LMI]

1. Если у тебя уже установлен Gulp и настроен локально в папке проекта, то в консоли переходишь в папку этого своего проекта и вводишь npm install node-normalize-scss --save-dev

2. Потом в основном sass-файле делаешь импорт @import "normalize";

3. В таске по компиляции sass в css в пайп добавляешь строчку кода

includePaths: require('node-normalize-scss').includePaths

Вот полный код и документация

var gulp = require('gulp');
var sass = require('gulp-sass');
 
gulp.task('sass', function () {
  gulp.src('path/to/input.scss')
    .pipe(sass({
      // includePaths: require('node-normalize-scss').with('other/path', 'another/path') 
      // - or - 
      includePaths: require('node-normalize-scss').includePaths
    }))
    .pipe(gulp.dest('path/to/output.css'));
});

https://www.npmjs.com/package/node-normalize-scss

Comments

[Roweb]

Вы описали скорее использование normalize с sass, а не gulp

Answer 2

[Владимир Бучацкий]

подключать не нужно, при правильной настройке он просто скомпилирует правила в наш CSS, хотя проще как по мне просто создать _reset стянуть туда правила Normalize.

Answer 3

[chz]

Подключить сгенерированный css, я полагаю:
<link rel="stylesheet" href="normalize.css">

Также можно глянуть предоставленный в репо test.html: https://github.com/appleboy/normalize.scss/blob/ma...

Comments

[chz]

Поправка. Т.к. он установлен через npm, то лежит по пути node_modules/normalize/normalize.css

Answer 4

[Pixilys]

Тема померла. Произошло объединение с rezet. Стало лучше (С моей колокольни)
https://github.com/ranjandatta/scss-resets

Answer 5

[Azazli47]

А как импортировать это в проект без gulp ели просто установить через npm? Или это невозможно?

Comments

[lavezzi1]

Используйте cdn версию, просто добавьте ссылку в head страницы https://cdnjs.com/libraries/normalize