アセットを文字列としてインポートする機能を追加

[qrac]

テンプレート内に外部で書いた長いHTMLなどをそのまま埋め込みたい場合がある。

例えば、inputをReact準拠にせずにレンダリングする shitajicss のサイトで必要だった。.mdx にHTMLを書いてimportすることもできるが、classやvalueがHTML形式のままだと警告が出るのでHTMLを文字列として読み込みたい。

import demo from "../../assets/others/demo.html?raw"

この記述はViteで動作するので、ministaのdevモードでも動作する。ただし、ministaの本番ビルドは高速化のためにesbuildで処理しているためエラーとなる。そこでesbuild側にもViteと同様のimport機能を実装しておく。

• 静的アセットの取り扱い | Vite
• Static Asset Handling | Vite
• hannoeru/esbuild-plugin-raw: esbuild plugin for raw import

Viteと同じくTypeScriptのmodule宣言を拡張する。

• vite/client.d.ts · vitejs/vite
• TypeScript: Documentation - Modules

{
  "compilerOptions": {
    "types": ["minista/client"]
  }
}

[qrac]

v2.1.0にて実装。