回答編集履歴
1
修正、追記
answer
CHANGED
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
以下のコマンドを実行して、
|
|
1
|
+
以下のコマンドを実行して、`Local version`と`CLI version`が互いに対応しているかを確認してください。
|
|
2
2
|
```
|
|
3
3
|
gulp -v
|
|
4
4
|
```
|
|
5
5
|
|
|
6
|
-
もし、`Local version`
|
|
6
|
+
もし、`Local version`もしくは`CLI version`のどちらかがもう一方に対応していない場合、**どちらかのバージョンをより新しいバージョンの方に合わせる必要があります**。
|
|
7
7
|
|
|
8
8
|
ここで、もし`CLI version`をアップデートする場合、質問文にある`npm install gulpjs/gulp-cli#4.0 -g`を使います。しかし、このコマンドは現在正常に動作しません。なぜならば、**現在の`gulp`のリポジトリには、`#4.0`というブランチがない**からです。
|
|
9
9
|
|
|
@@ -11,4 +11,28 @@
|
|
|
11
11
|
```
|
|
12
12
|
npm r -g gulp-cli
|
|
13
13
|
npm i -g gulp-cli
|
|
14
|
+
```
|
|
15
|
+
|
|
16
|
+
---
|
|
17
|
+
|
|
18
|
+
**追記**
|
|
19
|
+
gulp4から、`gulp.task()`の引数が変更されています。以下のようにすることで、質問者さんのエラーは解消すると思います。
|
|
20
|
+
```JavaScript
|
|
21
|
+
const gulp = require('gulp');
|
|
22
|
+
const sass = require('gulp-sass');
|
|
23
|
+
const $ = require('gulp-load-plugins');
|
|
24
|
+
|
|
25
|
+
gulp.task('sass', function () {
|
|
26
|
+
return gulp.src('webroot/sass/*.sass')
|
|
27
|
+
.pipe(sass({
|
|
28
|
+
outputStyle: 'compressed'
|
|
29
|
+
}).on('error', sass.logError))
|
|
30
|
+
.pipe(gulp.dest('webroot/css'));
|
|
31
|
+
});
|
|
32
|
+
|
|
33
|
+
gulp.task('watch', function () {
|
|
34
|
+
gulp.watch('webroot/sass/*.sass', gulp.task('sass'));
|
|
35
|
+
});
|
|
36
|
+
|
|
37
|
+
gulp.task('default', gulp.series('sass'));
|
|
14
38
|
```
|