UGA Boxxx

つぶやきの延長のつもりで、知ったこと思ったこと書いてます

【Vite】ビルドして出力されるファイル名を変えたい

Viteを実プロジェクトで使うことを視野に入れていくつか試してみた

Viteについて

uga-box.hatenablog.com

このうち、buildして出力されるファイル名を変えたいのでどうやるか調査した

vite.config.ts を変更する

デフォルトではindex.[hash].js が出力されるのを、仮で build.js にしたい

buildの入出力を制御する場合は、vite.config.tsrollupoptionsの設定を変更する


https://vitejs.dev/config/#build-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