質問編集履歴

3

テキスト修正

2019/11/25 09:42

投稿

shizu
shizu

スコア4

test CHANGED
File without changes
test CHANGED
@@ -72,7 +72,7 @@
72
72
 
73
73
 
74
74
 
75
- このあとに"css/postcss"を実行すると以下が出力されます。意図せずstyle.min.css.mapが生成されます。
75
+ このあとに"css/postcss"を実行すると以下が出力されます。意図せずstyle.min.css.mapが出力されます。
76
76
 
77
77
  - style.min.css
78
78
 
@@ -104,4 +104,8 @@
104
104
 
105
105
 
106
106
 
107
+
108
+
109
+ インポートするファイルの一部を除外する書き方や、style.min.css.mapを出力しない方法をご存知の方がいらっしゃいましたら、ご教授いただけると幸いです。
110
+
107
- よろしくお願いいたします。
111
+ 何卒よろしくお願いいたします。

2

タイトルを変更

2019/11/25 09:42

投稿

shizu
shizu

スコア4

test CHANGED
@@ -1 +1 @@
1
- npmのpostcss-cliでimportするファルの一部を除外する方法
1
+ postcss-cliでstyle.cssと一緒にstyle.css.mapンポートされてしまう
test CHANGED
File without changes

1

発生している問題についての説明を修正しました。

2019/11/25 09:39

投稿

shizu
shizu

スコア4

test CHANGED
File without changes
test CHANGED
@@ -1,18 +1,24 @@
1
1
  ### 前提・実現したいこと
2
2
 
3
- npmのパッケージであるpostcss-cliを使用して特定のcssをminifyしたいですが、
3
+ npm postcss-cliでstyle.cssのみimportしてminify後、style.min.cssというファイルをoutputしたいです
4
4
 
5
- 意図しないcssがimportされて処理されてしまいます。
5
+ かしimportするときに余分ファイルもimportされてしまいます。
6
6
 
7
- そこで**importされるCSSから一部のファイルのみを除外したい**のですが、やり方を教えていただけないでしょうか。
8
7
 
8
+
9
+
10
+
11
+ ### 発生している問題
12
+
13
+ style.cssのほかに、
14
+
9
- また除外すること以外に特定の1ファイルのみをminifyするやり方ば教えていただきたいです。
15
+ 意図せずstyle.css.mapもimportされstyle.min.css.mapoutputさす。
10
16
 
11
17
 
12
18
 
13
19
  ### 該当のソースコード
14
20
 
15
- 記述したpackage.jsonは下記です。
21
+ package.jsonは下記です。
16
22
 
17
23
  ```json
18
24
 
@@ -58,7 +64,7 @@
58
64
 
59
65
 
60
66
 
61
- minifyする前に"css/sass"を実行してscssをコンパイルをしていて、dist/css/に以下が出力されます。
67
+ "css/sass"を実行して以下が出力されます。
62
68
 
63
69
  - style.css
64
70
 
@@ -66,7 +72,7 @@
66
72
 
67
73
 
68
74
 
69
- このあとにstyle.cssのみをminifyしたいのですが、"css/postcss"を実行すると以下が出力されます。
75
+ このあとに"css/postcss"を実行すると以下が出力されます。意図せずstyle.min.css.mapが生成されます。
70
76
 
71
77
  - style.min.css
72
78
 
@@ -82,7 +88,7 @@
82
88
 
83
89
 
84
90
 
85
- 除外するflobパターンなども試した見たのですが、ダメでした。
91
+ 除外するglobパターンなども試した見たのですが、ダメでした。
86
92
 
87
93
  ```javascript
88
94
 
@@ -90,6 +96,12 @@
90
96
 
91
97
  ```
92
98
 
99
+ ```javascript
100
+
101
+ "css/postcss": "postcss dist/css/*[^.map] -d dist/css/"
102
+
103
+ ```
104
+
93
105
 
94
106
 
95
107
  よろしくお願いいたします。