👋

[2025年令和最新] vite + ES6 設定のメモ

2025/06/21に公開

なんか CJS Node API(いわゆる require) は deprecated(vite 6 からエラー)になった...
https://vite.dev/guide/troubleshooting.html#vite-cjs-node-api-deprecated
とりま ES module(import 文) が今後の主流なので, ES module に合わせます!

 package.jsontype: module
を指定しておく
main も状況に応じて設定必要カモ

 vite.config.jshttps://vite.dev/config/
import 文使うようにする.
import { defineConfig } from 'vite'

export default defineConfig({
    server: {
        headers: {
            'Cross-Origin-Opener-Policy': 'same-origin',
            'Cross-Origin-Embedder-Policy': 'require-corp',
        },
    },
    build: {
        outDir: '../dist',
    },
    optimizeDeps: {
        exclude: ['tinyusdz'],
    },
});
こんなかんじで！

 さらなる高みへ詳しいことは ChatGPT くんなり Claude くんに聞いて.

package.json

vite.config.js

さらなる高みへ

Discussion