質問編集履歴
2
試したこと追記
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -310,9 +310,29 @@
|
|
|
310
310
|
|
|
311
311
|
- gulp-ruby-sassをgulp-sassに変更→効果なし
|
|
312
312
|
|
|
313
|
+
- 不要プラグインをコメントアウト→効果なし
|
|
314
|
+
|
|
315
|
+
- package.jsonで全てのプラグインのヴァージョンをlatest指定→効果なし
|
|
316
|
+
|
|
317
|
+
- watchタスク部を以下のように書き換え→効果なし
|
|
318
|
+
|
|
319
|
+
|
|
320
|
+
|
|
321
|
+
```javascript
|
|
322
|
+
|
|
313
|
-
gulp
|
|
323
|
+
gulp.task('watch', ['gulp_sass'], function(){
|
|
314
|
-
|
|
324
|
+
|
|
315
|
-
|
|
325
|
+
var watcher = gulp.watch('./src/sass/**/*.scss', ['gulp_sass']);
|
|
326
|
+
|
|
327
|
+
watcher.on('change', function(event) {
|
|
328
|
+
|
|
329
|
+
console.log('File ' + event.path + ' was ' + event.type + ', running tasks...');
|
|
330
|
+
|
|
331
|
+
});
|
|
332
|
+
|
|
333
|
+
});
|
|
334
|
+
|
|
335
|
+
```
|
|
316
336
|
|
|
317
337
|
|
|
318
338
|
|
1
不要プラグインを除去、表現を修正
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -6,14 +6,16 @@
|
|
|
6
6
|
|
|
7
7
|
###発生している問題・エラーメッセージ
|
|
8
8
|
|
|
9
|
-
- /scss直下のstyle.scssを更新した場合は、正常にコンパイルされるが
|
|
9
|
+
- src/scss直下のstyle.scssを更新した場合は、正常にコンパイルされるが
|
|
10
|
-
|
|
10
|
+
|
|
11
|
-
- /scss/core, /scss/layout, /scss/module配下のscssファイルを更新しても、l
|
|
11
|
+
- src/scss/core, src/scss/layout, src/scss/module配下のscssファイルを更新しても、/dist/css/style.cssが更新されない（画面リロードは正常にする）。
|
|
12
12
|
|
|
13
13
|
- またその際ターミナル画面にエラーメッセージ等は出ない
|
|
14
14
|
|
|
15
15
|
|
|
16
16
|
|
|
17
|
+
|
|
18
|
+
|
|
17
19
|
###該当のソースコード
|
|
18
20
|
|
|
19
21
|
```javascript
|
|
@@ -50,9 +52,7 @@
|
|
|
50
52
|
|
|
51
53
|
cache = require('gulp-cached'),
|
|
52
54
|
|
|
53
|
-
|
|
55
|
+
csscomb = require('gulp-csscomb'),
|
|
54
|
-
|
|
55
|
-
sprite = require('gulp.spritesmith'),
|
|
56
56
|
|
|
57
57
|
uglify = require('gulp-uglify')
|
|
58
58
|
|
|
@@ -96,7 +96,7 @@
|
|
|
96
96
|
|
|
97
97
|
// scss
|
|
98
98
|
|
|
99
|
-
'scssDest' : 'src/scss
|
|
99
|
+
'scssDest' : 'src/scss',
|
|
100
100
|
|
|
101
101
|
'scssFiles' : 'src/scss/**/*.scss',
|
|
102
102
|
|
|
@@ -104,7 +104,7 @@
|
|
|
104
104
|
|
|
105
105
|
'cssDest' : 'dist/css'
|
|
106
106
|
|
|
107
|
-
}
|
|
107
|
+
};
|
|
108
108
|
|
|
109
109
|
|
|
110
110
|
|
|
@@ -132,7 +132,7 @@
|
|
|
132
132
|
|
|
133
133
|
gulp.task('bs-reload', function() {
|
|
134
134
|
|
|
135
|
-
browserSync.reload()
|
|
135
|
+
browserSync.reload();
|
|
136
136
|
|
|
137
137
|
});
|
|
138
138
|
|
|
@@ -146,28 +146,6 @@
|
|
|
146
146
|
|
|
147
147
|
|
|
148
148
|
|
|
149
|
-
gulp.task('sprite', function() {
|
|
150
|
-
|
|
151
|
-
var spriteData = gulp.src(paths.imgDir + '/sprite/*.png')
|
|
152
|
-
|
|
153
|
-
.pipe(sprite({
|
|
154
|
-
|
|
155
|
-
imgName: 'sprite.png',
|
|
156
|
-
|
|
157
|
-
imgPath: '/' + paths.imgDest + '/sprite.png',
|
|
158
|
-
|
|
159
|
-
cssName: '_module-sprite.scss'
|
|
160
|
-
|
|
161
|
-
}));
|
|
162
|
-
|
|
163
|
-
spriteData.img.pipe(gulp.dest(paths.imgDest));
|
|
164
|
-
|
|
165
|
-
spriteData.css.pipe(gulp.dest(paths.scssDest + '/module'));
|
|
166
|
-
|
|
167
|
-
});
|
|
168
|
-
|
|
169
|
-
|
|
170
|
-
|
|
171
149
|
/***************************************************************************
|
|
172
150
|
|
|
173
151
|
* js tasks
|
|
@@ -222,7 +200,9 @@
|
|
|
222
200
|
|
|
223
201
|
.pipe(autoprefixer("last 2 version"))
|
|
224
202
|
|
|
225
|
-
.pipe(gulp.dest(paths.cssDest))
|
|
203
|
+
//.pipe(gulp.dest(paths.cssDest))
|
|
204
|
+
|
|
205
|
+
.pipe(gulp.dest('dist/css'))
|
|
226
206
|
|
|
227
207
|
.pipe(reload({ stream: true }));
|
|
228
208
|
|
|
@@ -238,13 +218,11 @@
|
|
|
238
218
|
|
|
239
219
|
gulp.task('watch', function() {
|
|
240
220
|
|
|
241
|
-
gulp.watch([paths.imgDest + '/sprite/*.png'], ['sprite']);
|
|
242
|
-
|
|
243
|
-
gulp.watch([paths.htmlFiles], ['bs-reload']);
|
|
221
|
+
gulp.watch([paths.htmlFiles], ['bs-reload']).on('change', reload);
|
|
244
|
-
|
|
222
|
+
|
|
245
|
-
gulp.watch([paths.jsDest], ['jsLib']);
|
|
223
|
+
gulp.watch([paths.jsDest], ['jsLib']).on('change', reload);
|
|
246
|
-
|
|
224
|
+
|
|
247
|
-
gulp.watch([paths.scssFiles], ['gulp_sass']);
|
|
225
|
+
gulp.watch([paths.scssFiles], ['gulp_sass']).on('change', reload);
|
|
248
226
|
|
|
249
227
|
});
|
|
250
228
|
|
|
@@ -254,18 +232,18 @@
|
|
|
254
232
|
|
|
255
233
|
'browser-sync',
|
|
256
234
|
|
|
235
|
+
'gulp_sass',
|
|
236
|
+
|
|
257
237
|
'bs-reload',
|
|
258
238
|
|
|
259
239
|
'jsLib',
|
|
260
240
|
|
|
261
|
-
'gulp_sass',
|
|
262
|
-
|
|
263
|
-
'sprite',
|
|
264
|
-
|
|
265
241
|
'watch'
|
|
266
242
|
|
|
267
243
|
]);
|
|
268
244
|
|
|
245
|
+
|
|
246
|
+
|
|
269
247
|
```
|
|
270
248
|
|
|
271
249
|
```scss
|