Казонит это красиво изготовленная веб-каркас для Python. Обычно мы используем файлы, такие как CSS, JavaScript и файлы изображения, известные как Веб-активы Чтобы наше веб-приложение выглядит отлично.
В этой статье я покажу вам, как вы можете использовать Laravel Mix Для обработки и составления активов в ваш Казонит веб-приложение.
Laravel Mix делает Актив компиляция невероятно легко. Использование Laravel Mix с Масонит действительно простая задача. Там мы идем!
Прежде чем мы начнем, создайте новый проект Masonite. Просто установите CLI CLI Masonite Ремесло Отказ
$ pip install masonite-cli $ craft new masonite_laravel_mix $ cd masonite_laravel_mix $ craft install
Maravel Mix может быть использован для любого типа приложения, а не только для приложений Laravel. Чтобы начать работу, просто установите Maravel-Mix в качестве нашей проектной зависимости.
$ npm install laravel-mix
Поместите файл конфигурации WebPack в наш корень проекта.
$ cp node_modules/laravel-mix/setup/webpack.mix.js .
Затем добавьте этот пример сценария в WebPack.mix.js, как Laravel делает.
mix.js('resources/assets/js/app.js', 'public/js') .sass('resources/assets/sass/app.scss', 'public/css');
Это определение нашего трубопровода активов. Пришло время добавить некоторые NPM скрипты Отказ
"scripts": { "dev": "npm run development", "development": "cross-env NODE_ENV=development node_modules/webpack/bin/webpack.js --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js", "watch": "npm run development -- --watch", "watch-poll": "npm run watch -- --watch-poll", "hot": "cross-env NODE_ENV=development node_modules/webpack-dev-server/bin/webpack-dev-server.js --inline --hot --config=node_modules/laravel-mix/setup/webpack.config.js", "prod": "npm run production", "production": "cross-env NODE_ENV=production node_modules/webpack/bin/webpack.js --no-progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js" }
Я только что скопировал эти сценарии NPM из Ларавовый репозиторий – опять 😅. Эти скрипты помогают в составлении активов для развития или производства. Как вы можете его увидеть, вам нужно установить кросс -н, чтобы заставить его хорошо работать.
$ npm install cross-env
Теперь, когда мы сделали всю тяжелую работу, давайте продолжим и простой HTML-файл.
... ... ...
Простая вещь, чтобы сделать все эти вещи, чтобы создать псевдоним шаблона. Все конфигурации, которые относятся к статическим файлам, можно найти в config/storice.py
Отказ В этом файле мы добавим константу в StaticFiles, которые просто словарь:
STATICFILES = { # folder # template alias 'public': 'public/' }
Мы сделали это 🎉 🎉 🎉! Вы должны увидеть экран, похожий на это:
Вы можете посмотреть это Репозиторий где я добавляю загрузку как зависимости и использовать его как образец!
nioperas06/masonite-laravel-mix
🎨 Masonite и Laravel Mix для обработки и составления активов
Давайте сделаем Maravel Mix и Masonite Framework работать вместе.
Это приложение представляет собой демонстрацию о том, как вы можете использовать Maravel Mix для обработки и составления активов.
Просмотр учебника: ссылка
Построен с:
- Казонит – Современный и разработчик ориентирован на сайт Python.
- Laravel Mix – Элегантная обертка вокруг учеба для 80% использования корпуса.
Надеемся, что эта статья помогла вам понять, как Masonite и Maravel Mix могут использоваться вместе для обработки и составления активов. Если вы хотите внести свой вклад или заинтересовать в разработке масонита, обязательно присоединитесь к Слабый или звезда Репозиторий Masonite на Github.
Оригинал: “https://dev.to/nioperas06/lets-make-masonite-framework-and-laravel-mix-work-together–3lbj”