@dom12

Как в vite настроить создание билда, чтобы на выходе и в разных папках создались файлы: css и js?

Здравствуйте.
При моих настройках получаю:
assets/index.html
assets/index.css
assets/index.js

А в итоге пытаюсь получить:
assets/css/style.css
assets/js/script.js

Подскажите как настроить на создание 2 файлов(css и js) в разных папках?
import { defineConfig } from 'vite';
import { resolve } from 'path';
import autoprefixer from 'autoprefixer';

export default defineConfig({
    root: resolve(__dirname, 'src/admin'),
    plugins: [

    ],
    css: {
        postcss: {
            plugins: [
                autoprefixer({})
            ]
        },
        preprocessorOptions: {
            scss: {
                api: 'modern-compiler'
            }
        }
    },
    build: {
        minify: 'terser',
        emptyOutDir: true,
        outDir: resolve(__dirname, 'assets'),
        rollupOptions: {
            output: {
                manualChunks: false,
                inlineDynamicImports: true,
                entryFileNames: '[name].js',
                assetFileNames: '[name].[ext]',
            }
        }
    },
    server: {
        port: 8080
    }
})
  • Вопрос задан
  • 120 просмотров
Решения вопроса 1
@dom12 Автор вопроса
entryFileNames: 'js/script.min.js',
assetFileNames: ({ name }) => {
if (/\.css$/.test(name ?? ''))  return 'css/style.min.css';
}
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы