08335 / hivui-platform-template
hivui平台项目模板
Newer
Older
hivui-platform-template / vite.config.js
caibinghong on 17 Jun 2021 add

// vite.config.js  利害浏览器自带的 es 动态导入,使项目冷启动
const { resolve } = require('path');
import { defineConfig, loadEnv } from 'vite'
import { createVuePlugin } from "vite-plugin-vue2";
import vueJsx from '@vitejs/plugin-vue-jsx'  
import pageData from 'vite-plugin-pagedata'
import { injectHtml } from 'vite-plugin-html';

const pageage = require("./package.json");


// https://vitejs.dev/config/
export default ({ mode }) => {
    process.env = { ...process.env, ...loadEnv(mode, process.cwd()) };
    let aliases = {}
    let build = {
        sourcemap: false,
        //编译
        //指定 多个 .html 文件作为入口点
        rollupOptions: {
            // 请确保外部化那些你的库中不需要的依赖
            // external: ['vue'],
            input: {
                main: resolve(__dirname, 'index.html'),
                nested: resolve(__dirname, 'nested/index.html')
            },
            output: {
                format: 'umd',
            }
        }
    }
    if (mode == 'development') {
        aliases = {
            '@main': resolve(`${pageage.name == 'hi-vui-template' ? 'project' : pageage.name}/hivuiMain`),
        }
        console.log('aliases@main:', aliases['@main']);
    } else {

    }

    return defineConfig({
        build: build,
        css: {
            preprocessorOptions: {
                less: {
                    javascriptEnabled: true,
                }
            },
        },
        resolve: {
            extensions: ['.mjs', '.js', '.ts', '.jsx', '.tsx', '.json', '.vue', '.dtvevt', '.dtv'],
            alias: aliases,
        },
        plugins: [
            injectHtml({
                //向预览时注入变量,这个变量跟打包时 html-webpack-plugin 注入的一致,用户判断是否是编译状态
                injectData:{
                    htmlWebpackPlugin:{
                        vite:true
                    }
                }
            }),
            pageData({
                varName:'scpRequestData'
            }),
            createVuePlugin(),
            vueJsx({
                // options are passed on to @vue/babel-plugin-jsx
            }),
        ],
        optimizeDeps: {
            // exclude:["hi-ui"],//冷启动时,排除的包
        },
        devServer: {
            port: 227,
            proxy: 'http://192.168.1.183:5001/'
        }
    })

};