wp-scriptで複数のCSSファイルを1つにまとめるには?
テクニカルアンサー 19
wp-scriptsを使ってブロックテーマを開発する。
私はまだすべてを正しくセットアップする方法を見つけ出そうとしていて、生成されたcssファイルについて助けを必要としています。
ほとんどのブロック(そしてテーマ全体)は多くのダウンウィンド・クラスを共有しているので、すべてのcssをビルド・フォルダー内の1つのcssファイルに収めたい。
現在、私たちのフォルダは次のようなフロー構造になっています。
src/
ブロック
│ ├─ [ブロック名]/
│ ├─ edit.js
│ │ index.js
├─ css/
│ ├─ style.css
│ ├─ edit.css
edit.jsとそれぞれimportとimport.
また、生成されたcssもこのような2つのcssファイルに配置したかったのですが、実行すると各ブロックフォルダに複数のcssファイルができてしまいました。 index.jsedit.cssstyle.cswp-scripts build
webpackの設定を変更することで解決できることだと思うのですが(今はデフォルトのまま使っています)、何を変更すればいいのかわかるほどwebpackの経験がありません。