Vite.js configfil för WordPresstema

Med /assets/-mapp (innehållandes scss, js m.m.) i root.

vite.config.js

import { defineConfig, createLogger } from "vite";
import autoprefixer from "autoprefixer";

const logger = createLogger();
const originalWarning = logger.warnOnce;
logger.warnOnce = (msg, options) => {
  if (msg.includes(".svg referenced in")) return;
  originalWarning(msg, options);
};

export default defineConfig({
  base: "./",
  css: {
    postcss: {
      plugins: [autoprefixer()],
    },
  },
  build: {
    manifest: false,
    rollupOptions: {
      input: {
        main: "/scss/main.scss",
        gutenberg: "/scss/gutenberg/gutenberg.main-admin.scss",
        plugins: "/js/plugins.js",
      },
      output: {
        entryFileNames: "js/[name].min.js",
        assetFileNames: "css/[name].min.css",
      },
    },
  },
  customLogger: logger
});

package.json

{
    "name": "phoenix-build",
    "private": true,
    "version": "1.0.0",
    "type": "module",
    "scripts": {
        "dev": "vite",
        "build": "vite build",
        "preview": "vite preview",
        "watch": "vite build --watch"
    },
    "devDependencies": {
        "vite": "^4.0.0",
        "autoprefixer": "^10.4.13"
    },
    "dependencies": {
        
    }
}