在开发Web应用程序时，我们经常需要使用许多不同的CSS和JavaScript文件来实现所需的样式和功能。然而，过多的文件会增加页面加载时间，并且在维护方面也不太方便。那么，有没有一种方法可以将这些文件合并为一个文件呢？答案是肯定的！在本文中，我们将介绍如何使用Laravel 9和Vite来将.css和.js文件混合为一个文件。

composer create-project --prefer-dist laravel/laravel myproject

npm install -g create-vite

cd myproject
create-vite

javascript
import { defineConfig } from 'vite';
export default defineConfig({
  build: {
    assetsInlineLimit: 0,
    rollupOptions: {
      output: {
        manualChunks: undefined,
      },
    },
  },
});

javascript
const mix = require('laravel-mix');
mix.js('resources/js/app.js', 'public/js')
    .postCss('resources/css/app.css', 'public/css', [
        //
    ])
    .webpackConfig(require('./myproject/vite.config'))
    .vite();

npm install
npm run dev

php artisan serve

html
    
    
    
    
    
    
Hello, Laravel 9 + Vite!