vite4使用vite --mode development指令后,访问不到mode
时间: 2023-06-27 12:03:33 浏览: 131
如何使用vite-svg-loader
在使用 `vite --mode development` 命令时,可以在代码中通过 `import.meta.env.MODE` 获取当前的模式。如果在代码中访问不到该值,可能是因为没有正确配置 `vite.config.js` 文件。
你可以在 `vite.config.js` 文件中设置不同模式下的配置选项,例如:
```js
export default {
// 其他配置项...
base: '/',
server: {
port: 3000,
},
optimizeDeps: {
include: ['axios'],
},
build: {
outDir: 'dist',
assetsDir: 'assets',
sourcemap: true,
minify: true,
},
// 根据不同模式设置不同的配置
mode: {
development: {
base: '/',
server: {
port: 8080,
},
build: {
outDir: 'dist-dev',
},
},
production: {
base: '/app/',
build: {
outDir: 'dist-prod',
},
},
},
};
```
这样,当你使用 `vite --mode development` 命令时,就会使用 `development` 模式下的配置。在代码中也可以通过 `import.meta.env.MODE` 获取当前的模式,然后根据不同模式做出不同的处理。
阅读全文