lavezzi1
@lavezzi1

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

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

Решил установить normilize.scss через npm. Установил. Что дальше нужно сделать? Как его импортнуть в файлы то?
  • Вопрос задан
  • 13800 просмотров
Решения вопроса 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
Ответ написан
Пригласить эксперта
Ответы на вопрос 4
Nemisidis
@Nemisidis
Frontend Developer
подключать не нужно, при правильной настройке он просто скомпилирует правила в наш CSS, хотя проще как по мне просто создать _reset стянуть туда правила Normalize.
Ответ написан
Комментировать
@chz
Подключить сгенерированный css, я полагаю:
<link rel="stylesheet" href="normalize.css">

Также можно глянуть предоставленный в репо test.html: https://github.com/appleboy/normalize.scss/blob/ma...
Ответ написан
@Pixilys
Тема померла. Произошло объединение с rezet. Стало лучше (С моей колокольни)
https://github.com/ranjandatta/scss-resets
Ответ написан
Комментировать
@Azazli47
А как импортировать это в проект без gulp ели просто установить через npm? Или это невозможно?
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы