Можно ли настроить связку Vite + Apache + PHP (не используя Laravel)?

Как можно подключить сборщик Vite к файлу index.php для автоматической пересборки и отслеживания изменений?
  • 7 декабря 2023 г. 13:59
Ответы на вопрос 2
Да, возможно использовать связку Vite, Apache и PHP без Laravel. 

Для настройки связки Vite + Apache + PHP вам понадобится выполнить несколько шагов.

1. Установите Vite с помощью следующей команды в командной строке:
```
npm install -g create-vite
```

2. Создайте скелет проекта Vite с помощью следующей команды:
```
create-vite my-project
```

3. Перейдите в папку проекта Vite:
```
cd my-project
```

4. Установите зависимости проекта:
```
npm install
```

5. Откройте файл `index.html` и замените содержимое на следующий код:
```html
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <link rel="icon" type="image/png" href="/favicon.png" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Vite + Apache + PHP</title>
  </head>
  <body>
    <div id="app"></div>
    <script src="/src/main.js"></script>
  </body>
</html>
```

6. Создайте файл `index.php` в корневой папке вашего проекта и добавьте следующий код в файл:
```php
<?php
  // Здесь вы можете добавить логику вашего приложения на PHP
?>

<!-- Здесь вы можете добавить HTML-код, используя преимущества PHP -->
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <link rel="icon" type="image/png" href="/favicon.png" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Vite + Apache + PHP</title>
  </head>
  <body>
    <div id="app"></div>
    <script src="/src/main.js"></script>
  </body>
</html>
```

Теперь, когда вы запускаете свой проект Vite с помощью команды `npm run dev`, он будет слушать изменения в файлах и автоматически пересобирать их, а затем отображать изменения на локальном сервере Apache.

Ваше приложение на PHP должно располагаться в файле `index.php`, и все файлы, требуемые вашим приложением на PHP, вы можете размещать во всех подпапках рядом с файлами `index.php`.
https://github.com/andrefelipe/vite-php-setup
Похожие вопросы