Stworzyłem sobie task runnera (z wykorzystaniem gulpa) jednak mam z nim pewne problemy. Czasami nie reaguje na zmiany w pliku *.less. Nie do końca rozumiem jeszcze jak działają strumienie, chciałem tylko utworzyć sobie środowisko do nauki CSSa. Oto kod:
var ```**``` gulp = require( ```_``` 'gulp' ```_``` ),
Stworzyłem sobie task runnera (z wykorzystaniem gulpa) jednak mam z nim pewne problemy. Czasami nie reaguje na zmiany w pliku *.less. Nie do końca rozumiem jeszcze jak działają strumienie, chciałem tylko utworzyć sobie środowisko do nauki CSSa. Oto kod:
var
```**```
gulp = require(
```_```
'gulp'
```_```
),
less = require(
```_```
'gulp-less'
```_```
),
livereload = require(
```_```
'gulp-livereload'
```_```
),
watch = require (
```_```
'gulp-watch'
```_```
),
minifyCSS = require(
```_```
'gulp-minify-css'
```_```
),
autoprefixer = require(
```_```
'gulp-autoprefixer'
```_```
);
``````
gulp.task(
```_```
'less'
```_```
,
```**```
function
```**```
(){
gulp.src(
```_```
'less/*.less'
```_```
)
.pipe(watch(
```_```
'less/*.less'
```_```
))
.pipe(less())
.pipe(autoprefixer({
browsers: [
```_```
'last 2 versions'
```_```
],
cascade:
```**```
false
```**```
}))
.pipe(minifyCSS())
.pipe(gulp.dest(
```_```
'css'
```_```
))
.pipe(livereload());
``````
});
``````
gulp.task(
```_```
'html'
```_```
,
```**```
function
```**```
(){
gulp.src(
```_```
'*.html'
```_```
)
.pipe(watch(
```_```
'*.html'
```_```
))
.pipe(livereload());
});
``````
gulp.task(
```_```
'default'
```_```
, [
```_```
'less'
```_```
,
```_```
'html'
```_```
]);
[22:49:44] Using gulpfile c:\web\public\html\projekt\gulpfile.js
[22:49:44] Starting 'less'...
[22:49:44]