小编Lou*_*lez的帖子

Laravel-Vite 将 scss 和 js 编译到单独的 public/asset 文件夹

所以之前,用laravel MIX,在webpack.mix.js文件中,你可以这样写

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')
Run Code Online (Sandbox Code Playgroud)

并将其public/asset单独编译。就像 JS 文件将被编译为public/asset/jssass 文件一样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>
Run Code Online (Sandbox Code Playgroud)

我如何将其与现在的 Laravel-Vite 结合起来?因为当我运行npm run dev单独的文件scssjs在一个文件夹中一起编译时,该文件夹是public/build/assets/. 他们没有区分js文件是否进入js文件夹和scss文件是否进入css文件夹。

这是我的样子vite.config.js

import { defineConfig } from 'vite';
import laravel from 'laravel-vite-plugin';

export …
Run Code Online (Sandbox Code Playgroud)

laravel laravel-blade vite laravel-vite

5
推荐指数
1
解决办法
2110
查看次数

标签 统计

laravel ×1

laravel-blade ×1

laravel-vite ×1

vite ×1