webpack mock模式配置

本文介绍了Webpack中如何配置Mock模式,包括通过后台提供的Mock接口和本地使用Mock拦截请求。两种方式都能方便地修改假数据进行测试。重点提到了使用DefinePlugin设置process.env.NODE_ENV为'mock'来区分代码环境,并推荐了Mockjs作为本地Mock请求的工具。
摘要由CSDN通过智能技术生成

https://blog.csdn.net/weixin_33815613/article/details/88027401
https://www.webpackjs.com/plugins/define-plugin/
https://www.webpackjs.com/guides/production/#%E6%8C%87%E5%AE%9A%E7%8E%AF%E5%A2%83

mock有两种,
一种是使用后台提供的mock接口,可直接在类似yapi后台提供模拟返回数据
一种是在本地用mock接口拦截请求,需要把返回数据都放在本地
两种都可以修改假数据,方便测试

  1. 使用后台mock接口
    要点是使用DefinePlugin设置process.env.NODE_ENV 为mock,方便在代码里区分
const merge = require('webpack-merge');
const common = require('./webpack.common.js');
const webpack = require('webpack');

module.exports = merge(common, {
   
    mode: 'development',
    devtool: 'inline-source-map',
    devServer
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值