webpack mock模式配置

最新推荐文章于 2024-06-20 15:10:58 发布

boborookie

最新推荐文章于 2024-06-20 15:10:58 发布

阅读量971

点赞数

分类专栏：前端

本文链接：https://blog.csdn.net/boborookie/article/details/104931090

版权

本文介绍了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接口拦截请求，需要把返回数据都放在本地
两种都可以修改假数据，方便测试

使用后台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