Vite

Vite

ViteのBuild時にbatを自動実行

やりたいことViteでbuild(npm run build)を行う際に自動的に任意のbatを自動で実行するようにします。具体例以下のようなことを自動化すると便利そうです。(他にもいろいろあると思いますがぱっと思いつくもの)SVGの軽量化JSファイルにcopyrightを追加distから本番環境にコピー設定Viteのプロジェクトのルートにあるpackage.jsonを開きます。以下の記述があると思います。 "scripts": { "dev": "node log.js dev & vite --config vite/config.dev.mjs", "build": "node log.j...
Vite

Viteでローカル以外からアクセスできるコマンドを作成

やりたいことViteで作成したプロジェクトで以下コマンドを実行して、Severを起動するとローカルPCからはブラウザなどからアクセスできます。npm run dev出力: ➜ Local: ➜ Network: use --host to expose ➜ press h + enter to show helpしかし他のPCからはアクセスすることはできません。この記事ではローカルでの試験向けのnpm run devコマンドを保持しつつ、他のPCからもアクセスできる方法を用意する手順を紹介します。解決策他PCからのアクセスを許可まずは他PCからのアクセスを許可を試します。Viteで作成したプロ...
Vite

Vite でビルドしたら動作しなくなった

やりたいことViteの環境でnpm run buildを行いビルドをしたところ正しく動作しなかったことのまとめです・前提として開発環境にあったテンプレートを使用しています。(テンプレートなしだと構成などで苦戦したため)(随時更新)ビルド時エラーawaitawaitを使用した場合に以下のエラーが出てビルドに失敗しました。ERROR: Top-level await is not available in the configured target environment ("chrome87", "edge88", "es2020", "firefox78", "safari14" + 2 ov...