vite-plugin-php-oreder

vite-plugin-php-oreder は、俺流の Vite 用 PHP ローダーです。

特徴

PHP ファイルを更新時にライブリロード
ビルド時に PHP ファイル内に含まれる img 要素のファイルパスを更新
Orelop WP利用時、ビルド時に開発用を表す定数を「false」に変更

インストール

■ npm の場合

  npm i @hilosiva/vite-plugin-php-oreder -D

■ yarn の場合

  yarn add @hilosiva/vite-plugin-php-oreder -D

■ pnpm の場合

  pnpm i @hilosiva/vite-plugin-php-oreder -D

警告

vite-plugin-php-oreder は内部で「glob」を利用しています。自動でインストールはされませんので、予めご自身で開発依存関係として追加して下さい。
npm i glob -D

使用方法

「vite.config.js」でインポートし、プラグインに追加してください。

import { defineConfig } from "vite";
import { vitePhpOreder } from "@hilosiva/vite-plugin-php-oreder"; // 追加

export default defineConfig({
  plugins: [
    // 追加
    vitePhpOreder({
      /* オプション */
    }),
  ],
});

オプション

`entryPoint`

タイプ： String
デフォルト： 'assets/js/main.js'

PHP ファイルに読み込ませるエントリーポイントとなる JS ファイルのパス

`proxy`

タイプ： String
デフォルト： 'http://localhost:80'

PHP が実行しているサーバー URL

`viteHelperFile`

タイプ： String
デフォルト： 'lib/ViteHelper.php'

Orelop WPのヘルパー用 PHP ファイルのファイルパス

`reloadOnChange`

タイプ： Boolean
デフォルト： true

PHP ファイルの更新時にライブリロードを行うかどうか

hilosiva / vite-plugin-php-oreder