gulp.watch(paths.css, paths.html)gulp.watch(['./path/to/styles/*/**.*.css ', './path/to/html/*/**.*html'])const rename = require('gulp-rename');
gulp.src('src/pages/**/*.pug')
.pipe(plumber())
.pipe(pug({pretty: true})).on('error', notify.onError(function(error) {return "Pug ERROR: " + error.message;}))
.pipe(rename({dirname: ''}))
.pipe(gulp.dest('dist'));$sprite-image: nth($sprite, 9)
как быть с закрытой версткой
следом идет как работать с gulp (если каждый имеет свои файлы для верстки, но после компиляции будем перезатирать друг друга)
npm uninstall node-sass gulp-sass
npm install gulp-sass --save-dev['node_modules/jquery/dist/jquery.js',
'node_modules/slick/slick.min.js']<link rel="stylesheet" type="text/css" href="slick/slick.css"/>
<script src="slick/slick.min.js"></script><script src="assets/js/libs.js"></script>
Что-то непонятное происходит с компиляцие CSS. Сперва быстро. Через несколько сохранений - начинает думать по 4-6 секунд. Перезагружу gulp и вроде все нормльно опять. Как можно оптимизировать это?
Также буду благодарен, если подскажете как еще можно оптимизировать данный файл.
gulp.task('clean', function() {
return del(path.clean);
});gulp.task( 'clean', () => del(path.clean) );
/**
* The `reload` method will inform all browsers about changed files and will either cause the browser to refresh, or inject the files where possible.
*
* @method reload
* @param {String|Array|Object} [arg] The file or files to be reloaded.
* @returns {*}
*/{stream: true} - бессмысленно, возможно раньше это и имело смысл, но документацию по прошлым версиям я найти не сумел..stream( opts ) - отдельный метод, прямого отношения к .reload он не имеет.
// Core variables and mixins
@import "variables.scss"
@import "mixins.scss" <==
@import "custom"
// Reset and dependencies
@import "normalize"
@import "print"
// Core CSS
@import "reboot"
@import "type"
...gulp.watch('app/**/*.pug', gulp.series('pug'));gulp.watch('app/**/*.pug', ['pug']);