larvel - vite编译scss和js到单独的公共/资产文件夹

因此，在webpack.mix.js文件中，使用laravel MIX之前，您可以写入

mix.js('resources/js/app.js', 'public/js')
.js('resources/js/header.js', 'public/js')
.sass('resources/sass/app.scss', 'public/css')
.sass('resources/sass/main.scss', 'public/css')
.sass('resources/sass/header.scss', 'public/css')

，分别编译为public/asset。像JS文件将被编译到public/asset/js和sass文件将在public/asset/css。当你把文件放到视图的head或blaze.php中你只需写

<link rel="stylesheet" href="{{ asset('css/app.css') }}">
<link rel="stylesheet" href="{{ asset('css/main.css') }}">
<link rel="stylesheet" href="{{ asset('css/header.css') }}">
<script type="text/javascript" src="{{ asset('js/app.js') }}"></script>
<script type="text/javascript" src="{{ asset('js/header.js') }}"></script>

我如何将它与现在的larvel - vite合并?因为当我运行npm run dev时，单独的文件scss和js只是在一个文件夹public/build/assets/中被编译在一起。他们没有被分开，是否js文件去js文件夹和scss文件去css文件夹。

下面是我的vite.config.js

import { defineConfig } from 'vite';
import laravel from 'laravel-vite-plugin';
export default defineConfig({
plugins: [
laravel({
input: [
'resources/sass/app.scss',
'resources/sass/main.scss',
'resources/js/app.js',
],
refresh: true,
}),
],
});