---
description: https://laravel.com/docs/master/frontend
---

# JavaScript & CSS Scaffolding (Ok)

```
composer require laravel/ui
php artisan ui bootstrap
```

C:\xampp\htdocs\blog\webpack.mix.js

```
mix.js('resources/js/app.js', 'public/js')
    .sass('resources/sass/app.scss', 'public/css');
```

![](https://1957079826-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MCBeDUD-PK_RF-YgJRe%2F-MCQTM9OvPr-PsadAc25%2F-MCQbPiRL9a6LdUkwz1C%2F3.png?alt=media\&token=40bb0c57-df4d-43c9-a1fe-e5135d4bdfe9)

![](https://1957079826-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MCBeDUD-PK_RF-YgJRe%2F-MCQTM9OvPr-PsadAc25%2F-MCQbSGXAe_IL0ClhQ33%2F1.png?alt=media\&token=84d5cacd-5af4-43ca-854f-a2e28286b773)

![](https://1957079826-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MCBeDUD-PK_RF-YgJRe%2F-MCQbW_WtHpPEev5tmHC%2F-MCQbZx_6YBDd3AWQ08c%2F2.png?alt=media\&token=09954e7c-9b99-4b1c-84d3-fd1d8808dd11)

Nếu bạn muốn gộp nhiều file CSS thành một file duy nhất, bạn có thể sử dụng phương thức style:

```
mix.styles([
    'public/assets/foundation/css/foundation.css',
    'public/css/style.css',
], 'public/css/all.css');
```

Xem thêm mục dưới đây :)

![](https://1957079826-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MCBeDUD-PK_RF-YgJRe%2F-MCQcatSfah0r5sPztHW%2F-MCQcjqWZ1220FyeZDWd%2FScreenshot_9.png?alt=media\&token=299b0a3f-13a0-484f-90b0-ff0d75861fa6)

[https://viblo.asia/p/quan-ly-file-voi-laravel-mix-djeZ18gGKWz](https://viblo.asia/p/quan-ly-file-voi-laravel-mix-djeZ18gGKWz)

