アセットバンドル機能を再設計

qrac commented 2 years ago

SPAのimportを利用していた機能なので作り直し。

import "../assets/index.css"

export default function () {
  return (
    <section>
      <h1>index</h1>
    </section>
  )
}

関連：#72

qrac commented 2 years ago

srcから読み込んだCSSもバンドルに反映されてしまう。JSは反映されず紛らわしいので非推奨の書き方。

import { Head } from "minista"

export default function () {
  return (
    <>
      <Head>
        <link rel="stylesheet" href="/src/assets/index.css" />
      </Head>
      <section>
        <h1>index</h1>
      </section>
    </>
  )
}

qrac commented 2 years ago

Vite v3で、CSSだけassetFileNamesがidではなくfilenameになってしまうバグがある~~ので bundle.css 用のファイル名変換を一時的に増やす必要あり~~。

https://github.com/vitejs/vite/issues/9877

chunkInfoにも含まれていない。

chunkInfo: {
  name: '../../packages/minista/dist/server/bundle.js',
  type: 'asset',
  source: '/* vite internal call, ignore */'
}
chunkInfo: {
  name: '../../packages/minista/dist/server/bundle.css',
  source: 'h1{color:red}\n',
  type: 'asset'
}

qrac / minista

アセットバンドル機能を再設計 #73