teratail
回答率
85.48%
質問するログイン新規登録
トップに関する質問gulpで画像やソースを圧縮する時の疑問点

編集履歴

質問編集履歴

3

書式の改善

2017/06/10 03:17

投稿

退会済みユーザー
test CHANGED
File without changes
test CHANGED
@@ -4,13 +4,9 @@
4
4
 
5
5
  サイトの軽量化を行うのはビルド時のみで開発中は圧縮をしないので、テストサーバーに反映するファイルは圧縮前のソースになってしまいます。
6
6
 
7
- これだとクライアント確認の際に、読み込みが少しでも遅いと問題があるように思えます。
7
+
8
-
9
-
10
-
11
-
12
-
8
+
13
- 私が書いたタスクの内容は、下記になります。
9
+ 作成したタスクの内容は、下記になります。
14
10
 
15
11
  ```
16
12
 
@@ -32,7 +28,7 @@
32
28
 
33
29
 
34
30
 
35
- **「開発時にファイルの圧縮はせず、テストアップするファイルは圧縮＆ソースマップ出力もしたい。配布物を生成するのは納品前のタイミングがいい」**
31
+ **「開発時にファイルの圧縮はせず、テストアップするファイルは圧縮＆ソースマップ出力。配布物を生成するのは納品前のタイミング」**
36
32
 
37
33
 
38
34
 
@@ -40,7 +36,7 @@
40
36
 
41
37
 
42
38
 
43
- 他にプレビュー用のディレクトリを生成するとしても、中身が最終成果物であるdistディレクトリとあまり変わらないのような気もします。
39
+ 他にプレビュー用のディレクトリを生成するとしても、中身が最終成果物であるdistディレクトリとあまり変わらないような気もします。
44
40
 
45
41
  また、バージョン管理の事も考えると、納品までに開発ソース以外の物を含めても問題ないのかという疑問もあります。
46
42
 

2

書式の改善

2017/06/10 03:17

投稿

退会済みユーザー
test CHANGED
File without changes
test CHANGED
@@ -8,24 +8,38 @@
8
8
 
9
9
 
10
10
 
11
+
12
+
11
- 私が書いたタスクは、
13
+ 私が書いたタスクの内容は、下記になります。
14
+
15
+ ```
12
16
 
13
17
  【開発時】
14
18
 
15
19
  defaultタスクでsrcディレクトリを監視し作業を進める。（コンパイル後のCSSもこのディレクトリ）
16
20
 
21
+
22
+
17
23
  【納品時】
18
24
 
19
25
  buildタスクでsrcディレクトリ内の不要ファイルを除外した上でdistディレクトリにコピー。
20
26
 
21
27
  コピーされた画像、css、jsの圧縮をするというものです。
22
28
 
29
+ ```
30
+
31
+
32
+
23
33
 
24
34
 
25
35
  **「開発時にファイルの圧縮はせず、テストアップするファイルは圧縮＆ソースマップ出力もしたい。配布物を生成するのは納品前のタイミングがいい」**
26
36
 
37
+
38
+
27
39
  上記の場合、どう記述するのがベストなのかがわかりません。
28
40
 
41
+
42
+
29
43
  他にプレビュー用のディレクトリを生成するとしても、中身が最終成果物であるdistディレクトリとあまり変わらないのような気もします。
30
44
 
31
45
  また、バージョン管理の事も考えると、納品までに開発ソース以外の物を含めても問題ないのかという疑問もあります。

1

修正

2017/05/25 23:50

投稿

退会済みユーザー
test CHANGED
File without changes
test CHANGED
@@ -1,42 +1,40 @@
1
1
  ###質問
2
2
 
3
- gulpで画像やCSS等を圧縮する際、基本的には配布物を生成する（ビルドタスクを走らせる）際に行うものと勝手に解釈しているのですが、
3
+ gulpで画像やCSS等を圧縮するタイミングは、基本的には配布物を生成する（ビルドタスクを走らせる）際に行うものと解釈しているのですが、
4
4
 
5
5
  サイトの軽量化を行うのはビルド時のみで開発中は圧縮をしないので、テストサーバーに反映するファイルは圧縮前のソースになってしまいます。
6
6
 
7
- これだとクライアント確認をしてもらう際に、読み込みが少しでも遅いと問題があるように思えます。
7
+ これだとクライアント確認の際に、読み込みが少しでも遅いと問題があるように思えます。
8
+
9
+
10
+
8
-
11
+ 私が書いたタスクは、
12
+
9
-
13
+ 【開発時】
10
-
14
+
11
- 私が書いたタスクは、開発時にdefaultタスクを走らせてsrcディレクトリを監視し作業を進め、
15
+ defaultタスクでsrcディレクトリを監視し作業を進める。（コンパイル後のCSSもこのディレクトリ）
16
+
12
-
17
+ 【納品時】
18
+
13
- 納品時にはbuildタスクを走らせ、srcディレクトリ内の不要ファイルを除外した上でdistディレクトリにコピーし、コピーされたimages、javascripts、stylesheetsの圧縮をするというものです。
19
+ buildタスクでsrcディレクトリ内の不要ファイルを除外した上でdistディレクトリにコピー。
14
-
15
-
16
-
20
+
17
- テンプレートエンジン等は使用しておらず、CSSはSassで記述しております。
21
+ コピーされた画像、css、jsの圧縮をするというものです。
18
-
19
- コンパイルされたCSSやソースマップなどは全てsrcディレクトリに吐き出し、テスト環境にはsrcディレクトリをそのままアップする形になります。
22
+
20
-
21
-
22
-
23
+
24
+
23
- **「開発時はソースや画像の圧縮を避けたいが、テストアップするソースや画像は圧縮したいしソースマップもアップしたい。でも配布物を生成するのは納品前のタイミングがいい」**
25
+ **「開発時にファイルの圧縮はせず、テストアップするファイルは圧縮＆ソースマップ出力もしたい。配布物を生成するのは納品前のタイミングがいい」**
24
-
26
+
25
- このような場合、どう記述するのがベストなのかがわかりません。
27
+ 上記の場合、どう記述するのがベストなのかがわかりません。
26
-
28
+
27
- 他にテストアップ用のディレクトリを生成するとしても、中身が最終成果物であるdistディレクトリとほぼほぼ変わらないので無駄かな？と思ってしまいます。
29
+ 他にプレビュー用のディレクトリを生成するとしても、中身が最終成果物であるdistディレクトリとあまり変わらないのような気もします。
28
-
30
+
29
- また、Gitでのバージョン管理の事も考えると、納品までに開発ソース以外の物を含めても問題ないのかという疑問もあります。
31
+ また、バージョン管理の事も考えると、納品までに開発ソース以外の物を含めても問題ないのかという疑問もあります。
30
-
31
-
32
-
33
- 実務経験や知識が浅いため、わからないことが多く必死です。そもそもgulpを正しく使えているのかが不安なところですが、、
32
+
34
-
33
+
34
+
35
- どなたかベストな解決策をご教示いただけないでしょうか。よろしくお願いいたします。
35
+ どなたかベストな解決策をご教示いただけないでしょうか。
36
-
37
-
38
-
36
+
39
- 下記が私のgulpfile.jsです。
37
+ よろしくお願いいたします。
40
38
 
41
39
 
42
40
 
@@ -168,7 +166,7 @@
168
166
 
169
167
  return gulp.src([
170
168
 
171
- dir.src + '/**/*',
169
+ dir.src + '/**/*.*',
172
170
 
173
171
  '!src/**/*.scss',
174
172