mirror of
https://github.com/sunniejs/vue-h5-template.git
synced 2025-09-10 21:00:10 +08:00
59 lines
1.3 KiB
Markdown
59 lines
1.3 KiB
Markdown
# vite.config.ts 基础配置
|
|
|
|
如果你的 `Vue Router` 模式是 hash
|
|
|
|
```javascript
|
|
base: './',
|
|
```
|
|
|
|
如果你的 `Vue Router` 模式是 history 这里的 publicPath 和你的 `Vue Router` `base` **保持一致**
|
|
|
|
```javascript
|
|
base: '/app/',
|
|
```
|
|
|
|
```javascript
|
|
export default function ({ command, mode }: ConfigEnv): UserConfig {
|
|
const isProduction = command === "build";
|
|
const root = process.cwd();
|
|
const env = loadEnv(mode, root);
|
|
const viteEnv = wrapperEnv(env);
|
|
|
|
return {
|
|
base: "/",
|
|
root,
|
|
resolve: {
|
|
alias: {
|
|
"@": fileURLToPath(new URL("./src", import.meta.url)),
|
|
"#": fileURLToPath(new URL("./types", import.meta.url)),
|
|
},
|
|
},
|
|
server: {
|
|
host: true,
|
|
hmr: true,
|
|
},
|
|
plugins: createVitePlugins(viteEnv, isProduction),
|
|
build: {
|
|
minify: "terser",
|
|
terserOptions: {
|
|
compress: {
|
|
//生产环境时移除console
|
|
drop_console: true,
|
|
drop_debugger: true,
|
|
},
|
|
},
|
|
},
|
|
css: {
|
|
preprocessorOptions: {
|
|
scss: {
|
|
quietDeps: true,
|
|
silenceDeprecations: ["legacy-js-api"],
|
|
// 配置 nutui 全局 scss 变量
|
|
additionalData: `@use "@nutui/nutui/dist/styles/variables.scss" as *; @use '@/styles/vant.scss' as *;`,
|
|
},
|
|
},
|
|
},
|
|
};
|
|
}
|
|
```
|