Как скомпилировать CSS и JSS в Laravel Mix

Question

Как скомпилировать CSS и JSS в многостраничном приложении на странице Laravel, используя Laravel Mix. Предположим, у меня есть страница 1, страница 2 и страница 1 имеют test10.js, test11.js, test12.js и test10.css, test11.css, test12.css и page2 имеют test21.js, test22.js, test23.js и test21 .css, test22.css, test23.css и так далее. Итак, кто-то, дайте мне знать, как скомпилировать CSS и JSS в многостраничных приложениях.

Answer 1

В большинстве случаев рекомендуется оптимизировать большую часть ваших ресурсов для работы практически на всех страницах. Это не большая проблема, что некоторые части не используются на каждой странице, потому что кэширование дает лучшие результаты производительности, когда вы используете только один файл, который остается одинаковым на каждой странице.

Существует опция для компиляции нескольких ресурсов. Вы можете просто вызвать js() или sass() или другой метод в другой раз. На этот раз ссылка на другой файл, который необходимо скомпилировать. В вашем макете вы можете добавить их на странице.

Мне нравится делать следующее:

1. Я добавляю @stack('js) к своему основному макету.
2. Для каждого фрагмента Javascript, который нужно включить только на одной странице, я использую @push('js) и @endpush.
3. Иногда, когда код становится большим для обработки, я добавляю метод js() в мой файл webpack.mix.js. Это дает мне больше свободы в написании моего JavaScript.

Стек имеет большое преимущество: он принимает несколько записей. Это удобно, когда вы используете партиалы для создания своего представления и хотите сохранить логику Javascript в тех же файлах.