Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

add migrate Laravel Mix to Vite #1627

Merged
merged 20 commits into from
Jun 10, 2024
Merged

add migrate Laravel Mix to Vite #1627

merged 20 commits into from
Jun 10, 2024

Conversation

DmitriySmolin
Copy link
Contributor

@DmitriySmolin DmitriySmolin commented Jun 1, 2024

Pull request details

Issues fixed

Link to demo

https://hexlet-sicp-wums.onrender.com/ru

@fey fey self-requested a review June 4, 2024 13:11
Makefile Outdated
@@ -10,7 +10,7 @@ deploy:
git push heroku main

setup: env-prepare sqlite-prepare install key db-prepare ide-helper
npm run development
npm run dev
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

сейчас npm run dev запускает сервер статики, но этого не должно быть. make setup это команда сборки проекта.
тут скорее должен быть билд ассетов, Как это и раньше делается. А старт веб-сервера vite отдельно
Сейчас из-за этого сломана сборка https://github.com/Hexlet/hexlet-sicp/actions/runs/9333045976/job/25689616359?pr=1627

"engines": {
"node": "20.x"
}
"private": true,
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

тут очень много изменений. Скорее всего из-за отступов в 4 символа. Подключи editorconfig, чтобы он автоматом подтянул нужные настройки отступов в файлах

@@ -6,7 +6,7 @@
<code>b</code>
{{ __('exercises/1_29.description.4') }}
</p>
<img class="img-fluid" src="{{ mix('images/exercises/1_29.gif') }}" alt="1.29">
<img class="img-fluid" src="{{ asset('build/images/exercises/1_29.gif') }}" alt="1.29">
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

скорее всего тут нужно указывать не путь к билдам, а путь к ресурсам
https://laravel.com/docs/11.x/vite#blade-processing-static-assets
<img src="{{ Vite::asset('resources/images/logo.png') }}">, возможно даже через директиву @vite это делается.

Щас я еще сам чекну.

@fey
Copy link
Collaborator

fey commented Jun 4, 2024

@DmitriySmolin я внес изменения, но не могу запушить тебе в ветку. Можешь взять их из ветки, два коммита
https://github.com/fey/hexlet-sicp/tree/fix-vite
Там есть использование Vite::asset. Испольузй этот метод для работы с ассетами.

@DmitriySmolin
Copy link
Contributor Author

DmitriySmolin commented Jun 4, 2024

@fey Все теперь проект собрался! Спасибо за подсказу по интеграции картинок!

@fey
Copy link
Collaborator

fey commented Jun 4, 2024

@DmitriySmolin не все изменения взял. Там было два коммита, в одном из них я пофиксил сетап для работы с докер композом.
Я например запускаю проект в докере и не могу получить ассеты, тк они раздаются с vite сервера, который в отдельном контейнере

@DmitriySmolin
Copy link
Contributor Author

@fey Понял, сегодня разверную проект в Docker и постараюсь исправить развертывание в силу своих возможностей!

@DmitriySmolin
Copy link
Contributor Author

@fey Обновил конфигурацию docker и vite. Теперь можно получить ассеты и стили!

@fey fey merged commit 965071d into Hexlet:main Jun 10, 2024
2 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

3 participants