怎么只在yarn run preview下开启mock数据？不想在其他环境使用mock about vite-plugin-mock-dev-server HOT 5 CLOSED

使用 vite preview 命令时， 默认的 mode 为 production， command 为 serve。

可以在 vite.config.ts 配置文件中，通过

const isPreview = mode === 'production' && command === 'serve'

简单的判定为 预览模式。当为预览模式时，添加 mock 插件即可：

import { defineConfig } from 'vite'
import mockDevServerPlugin from 'vite-plugin-mock-dev-server'

export default defineConfig(({ mode, command }) => {
  const isPreview = mode === 'production' && command === 'serve'
  return {
     plugins: [ isPreview && mockDevServerPlugin() ],
  }
})

from vite-plugin-mock-dev-server.

默认是写死了预览模式才能使用mock模拟请求是么？也就是yarn dev启动方式是不能用mock数据得。本来像根据.env里面配置得开关决定yarn dev下能不能用mock的。看来不行

from vite-plugin-mock-dev-server.

我是根据你的需求描述，推测你想实现的功能，再给的代码示例，说明如何只在 vite preview 下启用插件。

插件默认就是支持在 vite dev 和 vite preview 下都支持模拟请求。 但插件不会支持通过插件配置项来控制是否启用插件，因为这种需求只需要在用户侧的 vite config 中通过选择是否添加插件即可实现。

如果你想通过 .env 环境变量来控制 是否启用 插件，也一样可以实现你的需求。

在使用 vite preview 命令时，显示指定 mode 模式：
package.json:

{
  "scripts": {
    "preview": "vite preview -m preview"
  }
}

.env.preview:

USE_MOCK = true

.env.development:

USE_MOCK = false

或者不显示声明mode模式， 用 preview 默认的 mode 为 production
.env.production

USE_MOCK = true

vite.config.ts:

import { defineConfig, loadEnv } from 'vite'
import mockDevServerPlugin from 'vite-plugin-mock-dev-server'

export default defineConfig(({ mode, command }) => {
  const env = loadEnv(mode, process.cwd(), '')
  return {
     plugins: [ env.USE_MOCK && mockDevServerPlugin() ],
  }
})

也一样可以实现只在 vite preview 下启用 mock 插件

from vite-plugin-mock-dev-server.

需要在什么时候启用mock，完全取决你的需求需要在什么维度下选择是否启用，再根据 nodejs和 vite 提供的支持，以及你的需求，编写对应的 代码。

from vite-plugin-mock-dev-server.

谢谢解答

from vite-plugin-mock-dev-server.