Viteを実プロジェクトで使うことを視野に入れていくつか試してみた
Viteについて
このうち、build
して出力されるファイル名を変えたいのでどうやるか調査した
vite.config.ts を変更する
デフォルトではindex.[hash].js
が出力されるのを、仮で build.js
にしたい
buildの入出力を制御する場合は、vite.config.ts
のrollupoptions
の設定を変更する
設定の詳細はrollupを見ろということなので、こちらを参照する rollupjs.org
export default defineConfig({ plugins: [vue()], build: { rollupOptions: { output: { entryFileNames: `assets/bundle.js`, } } } })
これで build.js
という名前のファイルをつくることができた
$ npm run build > sample-vite-project@0.0.0 build > vue-tsc --noEmit && vite build vite v2.9.8 building for production... ✓ 14 modules transformed. dist/assets/logo.03d6d6da.png 6.69 KiB dist/index.html 0.41 KiB dist/assets/index.f0ced7b7.css 0.34 KiB / gzip: 0.24 KiB dist/assets/bundle.js 52.41 KiB / gzip: 21.15 KiB