Estoy tratando de usar Vite.js en un tema de WordPress para procesar mis archivos de activos.
He creado un archivo vite.config.js:
import { defineConfig } from 'vite';
export default defineConfig({
root: './resources',
build: {
rollupOptions: {
input: ['./resources/test.scss'],
},
},
server: {
port: 1337,
},
});
Y estoy cargando el cliente Vite.js más el activo del servidor:
<script type="module" src="http://127.0.0.1:1337/@vite/client"></script>
<link rel="stylesheet" href="http://127.0.0.1:1337/test.css?ver=6.0.1">
Pero esto da como resultado un error 404 para el archivo test.css. Cuando se usa un archivo css/js en lugar de scss, todo, incluido HMR, funciona bien. Tampoco recibo ninguna advertencia sobre la necesidad de instalar sass, por lo que asumo que Vite.js omite el archivo scss por completo por alguna razón.
¿Es una buena idea usar la opción rollupOptions.input solo para listar recursos en primer lugar o hay una mejor manera? Como no estoy creando una aplicación JS, no hay un punto de entrada como index.html, solo algunos archivos js/scss que quiero procesar.
.