viteで構築した開発環境ではJSONファイルをpublicディレクトリに

viteで環境構築したvanillaなjs環境で、jsonfileをどこにおくべきか。

publicフォルダに配置しておくと、build後にindex.htmlと同じ階層に配置される。
開発時にpublicフォルダに入れておいても、publicというpathは指定しなくていい。
開発時とbuild時でpathの変更をする必要はないということだ。

またcssfileは、buildされたあとはassetsディレクトリに配置される。
JavaSctiptファイルもassetsディレクトリに配置される。
index.htmlには自動的に、assetsディレクトリへのpathが配置されるようだ。
htmlから直接読み込んでいても、jsfileにimportしていても同様の結果をえられるようだ。

そして、gh-pagesにデプロイする時はvite.config.jsにbaseの値を設定すると、あとはうまいことやってくれるようだ。

        export default { base: '/reponame/' }
      

ちなみに、その最低限の設定で動かしている私のgithubpagesはこちらvite-vanilla。

reactなどでcreateするとvite.config.jsは最初から配置されている。
pluginとしてreactを使っているのだから設定ファイルに記述されているということだ。
冒頭に

        
          import { defainConfig } from 'vite'