Форум программистов, компьютерный форум, киберфорум
Наши страницы
Node.js
Войти
Регистрация
Восстановить пароль
 
callmeMisha
1 / 1 / 1
Регистрация: 06.11.2014
Сообщений: 67
#1

Не работает gulp-dirty-markup - Node.js

13.07.2017, 19:20. Просмотров 214. Ответов 0
Метки html (Все метки)

Pug компилирует html в одну строку, нашел плагин который вроде как должен добавлять отступы для читабельности, по крайней мере сайт есть для этого с таким же названием https://dirtymarkup.com/
Вот мой gulpfile, может я где-то неправильно что-то написал, но в папке output появляется всё тот же html-файл без отступов, что и в папке app. Ну и страница плагина: https://www.npmjs.com/package/gulp-dirty-markup

Javascript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
var gulp = require('gulp'),
pug = require('gulp-pug'),
sass = require('gulp-sass'),
less = require('gulp-less'),
browserSync = require('browser-sync'),
reload = browserSync.reload,
autoprefixer = require('gulp-autoprefixer'),
dirtymarkup = require('gulp-dirty-markup'),
paths = {
  pug:['app/pug/*.pug'],
  less:['app/less/*.less'],
  sass:['app/sass/*.scss'],
  dirtymarkup:['app/*.html']
};
 
//Pug
gulp.task('pug', function(){
    return gulp.src(paths.pug)
        .pipe(pug())
        .pipe(gulp.dest('app'))
        .pipe(reload({stream: true}))
});
 
// Less
/*gulp.task('less', function(){
    return gulp.src(paths.less)
        .pipe(less())
        .pipe(autoprefixer(['last 15 versions', '> 1%'], { cascade: true }))
        .pipe(gulp.dest('app/css'))
        .pipe(reload({stream: true}))
});
*/
// Sass
gulp.task('sass', function(){
    return gulp.src(paths.sass)
        .pipe(sass())
        .pipe(autoprefixer(['last 15 versions', '> 1%'], { cascade: true }))
        .pipe(gulp.dest('app/css'))
        .pipe(reload({stream: true}))
});
 
// Browser-Sync
gulp.task('browserSync', function() {
  browserSync({
    server: {
      baseDir: 'app'
    },
    open: true,
    notify: false
  });
});
 
//Dirty-markup
gulp.task('dirtymarkup', function() {
    gulp.src(paths.dirtymarkup)
        .pipe(dirtymarkup({ indent: 'auto' }))
        .pipe(gulp.dest('app/output'));
});
 
gulp.task('watcher',function(){
  gulp.watch(paths.pug, ['pug']);
  gulp.watch(paths.sass, ['sass']);
  gulp.watch(paths.dirtymarkup, ['dirtymarkup']);
});
 
gulp.task('default', ['watcher', 'browserSync']);

http://www.cyberforum.ru/nodejs/thread2144119.html
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
Similar
Эксперт
41792 / 34177 / 6122
Регистрация: 12.04.2006
Сообщений: 57,940
13.07.2017, 19:20
Я подобрал для вас темы с готовыми решениями и ответами на вопрос Не работает gulp-dirty-markup (Node.js):

Не срабатывает gulp
У меня не срабатывает автоматическое изменение файла css при использовании...

Gulp truble
Прошу подсказки свертстал сайт с gulp/sass, одна проблема без gulp не отбражтся...

Susy+Gulp
Добрый день. Нужна помощь в подключении Susy к Gulp. Я добавил модуль в проект...

Не ставится gulp (node_modules)
Устанавливаю gulp, на моменте создания node_modules: npm i gulp --save-dev ...

BrowserSync + gulp + apache
Всем привет! Помогите настроить browserSync, о ни в какую не хочет...

0
MoreAnswers
Эксперт
37091 / 29110 / 5898
Регистрация: 17.06.2006
Сообщений: 43,301
13.07.2017, 19:20
Привет! Вот еще темы с решениями:

Форматирование css в gulp
Подскажите, как с помощью gulp отформатировать css, чтобы было на выходе...

Не подключается js-файл в gulp
Привет! Несколько дней назад стал изучать вёрстку bootstrap 4 пользуясь gulp. С...

Фильтрация файлов в gulp
Допустим имеется папка js с файлами js, но некоторые файлы уже минимизированны...

Установка gulp 4 на windows
Что-то не получается установить новую версию gulp 4. До этого с gulp не...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
1
Ответ Создать тему
Опции темы

КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin® Version 3.8.9
Copyright ©2000 - 2018, vBulletin Solutions, Inc.
Рейтинг@Mail.ru