用于分离资产(CSS和图像)的Laravel Vite配置

vql8enpb  于 2023-01-03  发布在  其他
关注(0)|答案(1)|浏览(200)

我有一个应用程序,我想在Vite配置中分离我的资产文件夹。
这是我当前的vite.config.js的样子。

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

export default defineConfig({
    build: {
        assetsDir: './images'
    },
    plugins: [
        laravel({
            input: [
                'resources/css/app.css,'
                'resources/scss/app.scss',
                'resources/js/app.js',
            ],
            refresh: true,
        }),
    ],
});

我想在构建之后分离所有的图像和CSS。
构建-资产-映像(所有映像都将提供)
构建-资产- CSS(所有CSS都将运行)

oalqel3c

oalqel3c1#

覆盖CSS文件的默认assets目录,然后对JS执行相同的操作。

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

export default defineConfig({
    build: {
        assetsDir: './images', // Set the default assets directory to './images'
    },
    plugins: [
        laravel({
            input: [
                'resources/css/app.css',
                'resources/scss/app.scss',
                'resources/js/app.js',
            ],
            refresh: true,
            // Override the default assets directory for CSS files
            css: {
                assetsDir: './css',
            },
        }),
    ],
});

相关问题