質問編集履歴
2
文法の修正
title
CHANGED
File without changes
|
body
CHANGED
@@ -2,29 +2,31 @@
|
|
2
2
|
|
3
3
|
```gulpfile
|
4
4
|
現状
|
5
|
+
// プラグイン読み込み
|
5
6
|
const gulp = require('gulp');
|
6
7
|
const sass = require('gulp-sass');
|
7
8
|
const post = require('gulp-postcss');
|
8
9
|
const comb = require('gulp-csscomb');
|
9
10
|
const cach = require('gulp-cached');
|
10
11
|
|
12
|
+
// ディレクトリ
|
11
13
|
const src = ['src/*scss'];
|
12
14
|
const dist = ['css'];
|
13
15
|
|
14
|
-
//
|
16
|
+
// タスク作成
|
15
|
-
gulp.task('default',
|
17
|
+
gulp.task('default', () => {
|
16
|
-
//
|
18
|
+
// .scssファイル監視
|
17
|
-
return gulp.watch(
|
19
|
+
return gulp.watch(src, () => {
|
18
|
-
// scssファイル
|
20
|
+
// .scssファイル取得
|
19
|
-
return gulp.src(
|
21
|
+
return gulp.src(src)
|
20
|
-
//
|
22
|
+
// コンパイルを実行
|
21
23
|
.pipe(sass({
|
22
24
|
outputStyle: 'expanded'
|
23
25
|
})
|
24
|
-
//
|
26
|
+
// コンパイルエラー表示
|
25
27
|
.on('error', sass.logError))
|
26
28
|
// cssフォルダー以下に保存
|
27
|
-
.pipe(gulp.dest(
|
29
|
+
.pipe(gulp.dest(dist));
|
28
30
|
});
|
29
31
|
});
|
30
32
|
|
1
誤字
title
CHANGED
File without changes
|
body
CHANGED
@@ -11,11 +11,11 @@
|
|
11
11
|
const src = ['src/*scss'];
|
12
12
|
const dist = ['css'];
|
13
13
|
|
14
|
-
//
|
14
|
+
// scssの監視タスクを作成する
|
15
15
|
gulp.task('default', function () {
|
16
|
-
//
|
16
|
+
// scssファイルを監視
|
17
17
|
return gulp.watch('src/*.scss', () => {
|
18
|
-
//
|
18
|
+
// scssファイルを取得
|
19
19
|
return gulp.src('src/*.scss')
|
20
20
|
// Sassのコンパイルを実行
|
21
21
|
.pipe(sass({
|