Vite 默认不支持解析 JavaScript 文件,需要开启 allowJs 选项; 请编写一个完整的vite.config.ts
时间: 2024-05-12 14:20:25 浏览: 216
vite.config.js
```typescript
import { defineConfig } from 'vite';
export default defineConfig({
// 入口文件
entry: 'index.html',
// 输出目录
outDir: 'dist',
// 服务器选项
server: {
// 端口
port: 3000
},
// 插件列表
plugins: [
// 插件配置
],
// 构建选项
build: {
// 输出格式
format: 'es',
// 压缩
minify: true,
// 合并
brotliSize: true,
// 配置选项
rollupOptions: {
// 处理文件扩展名
input: {
main: 'index.html'
},
// 处理外部依赖
external: [],
// 处理插件
plugins: [
// 插件配置
]
}
},
// TypeScript选项
optimizeDeps: {
// TypeScript配置
include: ['src/**/*.ts', 'src/**/*.tsx', 'src/**/*.js', 'src/**/*.jsx', 'src/**/*.vue']
},
// 全局变量
define: {
// 变量配置
},
// 其他选项
resolve: {
// 解析选项
}
});
```
其中,需要注意的是,开启 allowJs 选项的方式是修改 optimizeDeps.include 中的配置,将 .js 和 .jsx 文件的路径也加入其中。例如:
```typescript
optimizeDeps: {
include: ['src/**/*.ts', 'src/**/*.tsx', 'src/**/*.js', 'src/**/*.jsx', 'src/**/*.vue']
},
```
阅读全文