1. 程式人生 > >webpack多版本控制方案

webpack多版本控制方案

專案中有這麼一個需求,就是按需啟動mock功能。考慮到mock只是在特定情況下,所以考慮通過 cross-env 來處理。

cross-env修改生產環境變數

  1. 我想要的最終效果是npm run dev:mock 來啟動mock,所以先安裝 cross-env
npm i --save cross-env
  1. 找到 /config/dev.evn.js ,新增MOCK變數
module.exports = {
  MOCK: JSON.stringify(process.env.MOCK) || 'false'
}
  1. 在package.json中配置變數
{
  "scripts": {
    "dev:mock": "cross-env MOCK=true webpack --config build/webpack.config.js"
  }
}
  1. 使用變數
if (process.env.MOCK === 'true') {
  fetchMock.post('https://xxx/user/login', loginAPI.login)
}
  1. 啟動MOCK
npm run dev:mock

個人部落格:午後南雜