wp-scriptで複数のCSSファイルを1つにまとめるには?

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の経験がありません。

コメント

1のコメント コメントを追加
  • Harryのアバター
    ハリー
    複雑なものをシンプルに
    返信

    cssファイルをscssに変換し、編集ファイル(バックエンド用)でスタイル(フロントエンド用)をインポートすることができます:

    // edit.scss
    @import './style.scss';
    こうすることで、フロントエンドのスタイルをエディターで確認し、バックエンドのために他のルールを追加することができる。

    2ヶ月前 コメントなし

お問い合わせ

020-2206-9892

QQ咨询:1025174874

Eメール:info@361sale.com

勤務時間:月~金、9:30~18:30、祝日休み

カスタマーサービス WeChat
グローバルユーザー登録およびログインを容易にするため、電話によるログイン機能を停止いたしました。ログインに問題が発生した場合は、カスタマーサービスまでご連絡ください。