import { defineConfig, loadEnv } from 'vite'
import vue from '@vitejs/plugin-vue'
import path from 'path'
import postCssPxToRem from 'postcss-pxtorem'
export default defineConfig({
    plugins: [vue()],
    base: 'yusi/',
    server: {				// ← ← ← ← ← ←
        host: '0.0.0.0'	// ← 新增内容 ←
    },
    resolve: {
        //别名配置，引用src路径下的东西可以通过@如：import Layout from '@/layout/index.vue'
        alias: {
            '@': path.resolve(__dirname, 'src')
        },
    },

    css: {
        postcss: {
            plugins: [
                postCssPxToRem({
                    rootValue: 192,
                    propList: ['*'],
                })
            ]
        }
    },

    optimizeDeps: {
        // 开发时 解决这些commonjs包转成esm包
        include: [
            "@jiaminghi/c-render",
            "@jiaminghi/c-render/lib/plugin/util",
            "@jiaminghi/charts/lib/util/index",
            "@jiaminghi/charts/lib/util",
            "@jiaminghi/charts/lib/extend/index",
            "@jiaminghi/charts",
            "@jiaminghi/color",
        ],
    },
    build: {
        // 打包时需要另外处理的commonjs规范的包
        commonjsOptions: {
            include: [
                /node_modules/, // 必须包含
            ],
        },
        outDir: 'yusi',
    }


})