vite构建项目、vite配置根目录、ts使用require 报错

一、vite构建项目：npm init vite@latest 项目名 --template vue

二、vite.config.js在项目根目录下为vite项目的配置文件,Vite构建的项目都会有一个初始配置只有一个插件,不满足我们开发需求,这里记录一下,我的基础配置:

import { defineConfig } from 'vite' // 使用 defineConfig 帮手函数，这样不用 jsdoc 注解也可以获取类型提示
import vue from '@vitejs/plugin-vue'
const { resolve } = require("path");

export default ({ command, mode }) => {
  let isProd = (command === 'serve') // 情景配置 是否为开发模式  serve 或 build
  return defineConfig({
    plugins: [vue()], //查看 插件 API 获取 Vite 插件的更多细节 https://www.vitejs.net/guide/api-plugin.html
    resolve: {
      alias: {
        "@": resolve(__dirname, "./src"), // 设置为@ 则使用时为 "@/components/index.module.css"
        "@components": resolve(__dirname, "./src/components"), // 使用时为 "@components/HelloWorld.vue"
      },
    },
    server: {
      port: 8006, // 本地服务端口
      open: true, //在服务器启动时自动在浏览器中打开应用程序。当此值为字符串时，会被用作 URL 的路径名。
      strictPort:true, // 设为 true 时若端口已被占用则会直接退出，而不是尝试下一个可用端口
      proxy: { // 代理 
         // 字符串简写写法
        // '/foo': 'http://localhost:4567/foo',
        // 选项写法
        // '/api': {
        //   target: 'http://jsonplaceholder.typicode.com',
        //   changeOrigin: true,
        //   rewrite: (path) => path.replace(/^\/api/, '')
        // },
        // 正则表达式写法
        // '^/fallback/.*': {
        //   target: 'http://jsonplaceholder.typicode.com',
        //   changeOrigin: true,
        //   rewrite: (path) => path.replace(/^\/fallback/, '')
        // }
    
      }
    },
    build:{
      // outDir: '', //指定输出路径（相对于 项目根目录). 建议使用系统默认
      // assetsDir:'', // 指定生成静态资源的存放路径（相对于 build.outDir）
    }
  })
}

三、ts使用require 报错：如果是在 ts 文件中使用 require 报错的话，就在整个文件的最开始写一句话：declare var require: any