declare var require: any;
import { defineConfig } from "vite";
import vue from "@vitejs/plugin-vue";
import path, { resolve } from "path";
// import lessToJs from 'less-vars-to-js';
import stylePxToVw from "./stylePxToVw";
import pxtoviewport from "postcss-px-to-viewport";
const pathResolve = (dir: string): any => {
  return resolve(__dirname, ".", dir);
};
// const PACKAGE_PATH = path.join(__dirname, '../../');
// const ROOT_PATH = path.join(PACKAGE_PATH, '../');
// const getPackagePath = (packageName) => path.join(PACKAGE_PATH, `${packageName}`);

// const defaultThemeLess = fs.readFileSync(
//   getPackagePath('editor-components/src/style/theme/index.less'),
// );
// const variablesLess = fs.readFileSync(getPackagePath('editor-platform/theme/default/index.less'));
// const defaultPaletteLess = lessToJs(`${variablesLess}${defaultThemeLess}`, {
//   stripPrefix: true,
//   resolveVariables: false,
// });
// https://vitejs.dev/config/
export default defineConfig({
  plugins: [vue(), stylePxToVw()],
  define: {
    "process.env": {},
  },
  base: "./",
  server: {
    port: 9527,
    hmr: true,
  },
  resolve: {
    alias: {
      "@": pathResolve("./src/"),
    },
  },
  css: {
    preprocessorOptions: {
      javascriptEnabled: true,
      less: {
        javascriptEnabled: true,
      },
    },
    postcss: {
      plugins: [
        pxtoviewport({
          unitToConvert: "px",
          viewportWidth: 1920,
          unitPrecision: 5,
          propList: ["*"],
          viewportUnit: "vw",
          fontViewportUnit: "vw",
          selectorBlackList: [],
          minPixelValue: 1,
          mediaQuery: false,
          replace: true,
          exclude: [],
          landscape: false,
          landscapeUnit: "vw",
          landscapeWidth: 1280,
        }),
      ],
    },
  },
});