前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >webpack多版本控制方案

webpack多版本控制方案

作者头像
神葳
发布2021-01-22 16:06:06
6390
发布2021-01-22 16:06:06
举报
文章被收录于专栏:神葳总局神葳总局

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

# cross-env修改生产环境变量

  1. 我想要的最终效果是npm run dev:mock 来启动mock,所以先安装 cross-env
npm i --save cross-env

1

复制

  1. 找到 /config/dev.evn.js ,添加MOCK变量
module.exports = {
  MOCK: JSON.stringify(process.env.MOCK) || 'false'
}

1 2 3

复制

  1. 在package.json中配置变量
{
  "scripts": {
    "dev:mock": "cross-env MOCK=true webpack --config build/webpack.config.js"
  }
}

1 2 3 4 5

复制

  1. 使用变量
if (process.env.MOCK === 'true') {
  fetchMock.post('https://xxx/user/login', loginAPI.login)
}

1 2 3

复制

  1. 启动MOCK
npm run dev:mock

1

复制

作者个人博客:午后南杂

本文参与 腾讯云自媒体分享计划,分享自作者个人站点/博客。
原始发表:2020-7-21 2,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • # cross-env修改生产环境变量
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档