Skip to content
On this page

webpack多版本控制方案

🕒 Published at: 5 years ago

TIP

项目中有这么一个需求,就是按需启动 mock 功能。考虑到 mock 只是在特定情况下,所以考虑通过 cross-env 来处理。

cross-env 修改生产环境变量

  1. 我想要的最终效果是 npm run dev:mock 来启动 mock,所以先安装 cross-env
bash
npm i --save cross-env
  1. 找到 /config/dev.evn.js ,添加 MOCK 变量
js
module.exports = {
  MOCK: JSON.stringify(process.env.MOCK) || "false",
};
  1. 在 package.json 中配置变量
json
{
  "scripts": {
    "dev:mock": "cross-env MOCK=true webpack --config build/webpack.config.js"
  }
}
  1. 使用变量
js
if (process.env.MOCK === "true") {
  fetchMock.post("https://xxx/user/login", loginAPI.login);
}
  1. 启动 MOCK
bash
npm run dev:mock

转自博客:午后南杂

Last updated: