vite.config.js一般配置什么

vite.config.js是Vite构建工具的配置文件，一般用来配置以下内容：

1. 服务器配置，包括本地服务器端口、代理设置、自定义中间件等；
2. 构建配置，包括构建输出目录、构建模式、静态资源路径、打包配置等；
3. 插件配置，包括自定义插件、插件参数等；
4. 其他配置，包括全局变量、别名、环境变量等。

通过配置vite.config.js，可以灵活地定制Vite工具的构建流程，满足不同项目的需求。

相关问题

vite.config.js中关闭eslint的严格模式

在vite.config.js中关闭eslint的严格模式，可以通过以下步骤实现：

1. 打开vite.config.js文件。
2. 在文件中找到关于eslint的配置部分，通常是一个名为"eslint"的对象。
3. 在该对象中，找到名为"lintOnSave"或"lint"的属性，该属性用于控制eslint的严格模式。
4. 将该属性的值设置为false，即可关闭eslint的严格模式。

下面是一个示例的vite.config.js文件，展示了如何关闭eslint的严格模式：

module.exports = {
  // 其他配置...
  eslint: {
    lintOnSave: false
  },
  // 其他配置...
}

关闭eslint的严格模式后，eslint将不再在保存文件时进行严格的代码检查。

vite.config.js 同时使用javascripy 和 typescripy

Vite 支持同时使用 JavaScript 和 TypeScript。只需要将文件分别放在 `src` 目录下的 `js` 和 `ts` 子目录中，然后在 `vite.config.js` 中配置对应的插件即可。

示例：

import { defineConfig } from 'vite';
import vue from '@vitejs/plugin-vue';
import { resolve } from 'path';

export default defineConfig({
  plugins: [vue()],
  resolve: {
    alias: {
      '@': resolve(__dirname, 'src'),
    },
  },
  server: {
    port: 3000,
  },
  build: {
    target: 'es2015',
    outDir: 'dist',
    assetsDir: 'assets',
    sourcemap: true,
  },
});

// package.json
{
  "scripts": {
    "dev": "vite",
    "build": "vite build"
  }
}

项目结构：

├── src
│   ├── js
│   │   ├── main.js
│   │   └── ...
│   ├── ts
│   │   ├── main.ts
│   │   └── ...
│   └── index.html
├── vite.config.js
└── package.json

在 `main.js` 中引入 `main.ts`：

// main.js
import { createApp } from 'vue';
import App from './App.vue';
import { init } from './ts/main';

const app = createApp(App);

// TypeScript 代码
init();

app.mount('#app');

// main.ts
export function init(): void {
  console.log('TypeScript 代码');
}