qrac / minista

Static site generator with 100% static export from React and Vite.
https://minista.qranoko.jp
168 stars 12 forks source link

ページごとに読み込むCSS・JSを変える機能を追加 #52

Closed qrac closed 2 years ago

qrac commented 2 years ago

次の仕事でWebサービスのPC版とスマホ版のモックアップを同時にインブラウザデザインしていく予定だが、v2.7.4の時点では全ページにビルド予定の <link /> <script /> タグがすべて挿入されてしまう。ページごとに制御する機能が欲しい。

branch: assets-per-page

qrac commented 2 years ago

完成イメージ

entryCss, entryScript

export default {
  assets: {
    entry: [
      {
        name: "smp",
        input: "./src/assets/smp.ts",
        insertPages: {
          include: ["smp/**/*"],
          exclude: ["404"],
        }
      }
    ]
  }
}

bundle.css

partial.js

qrac commented 2 years ago

micromatchがブラウザ側で使えないため開発中の出し分けが厳しい...。

qrac commented 2 years ago

前方一致などmicromatchを使わないjs matchでなんとかできるかも。

qrac commented 2 years ago

picomatchベースに変更。picomatch-browser で一時的にブラウザ問題を回避。本体にマージされたらpicomatchに統一する。

qrac commented 2 years ago

v2.8.0にて反映。

qrac commented 2 years ago

ドキュメント:https://minista.qranoko.jp/docs/assets