【webpack插件】webpack-plugin-mock 一款mockjs的webpack插件，配置简单、易用

「已注销」

已于 2022-08-01 17:09:03 修改

阅读量268

点赞数 1

分类专栏：前端文章标签：前端 webpack node.js

于 2022-07-29 17:56:02 首次发布

本文链接：https://blog.csdn.net/GuoguoDad/article/details/126061196

版权

背景

现在前后端分离的项目很常见，当服务端接口在开发中时，前端要怎么调试接口尼，为了解决这个问题，模拟服务端接口应运而生，webapck-plugin-mock 就是一个模拟服务端接口的webpack插件，配置起来简单，容易上手，且mock数据支持多种格式

源码(talk is cheap , show me the code)

class WebpackPluginMock {
  private readonly config: MockServerConfig
  constructor(config: MockServerConfig) {
    this.config = config
  }

  apply() {
    serve(this.config)
  }
}

module.exports = WebpackPluginMock

const serve = async (config: MockServerConfig) => {
  const app = new Koa();
  const router = new Router();
  // const upload = multer();

  const __DEV__ = process.env.NODE_ENV === 'development';
  const publicBasePath = path.resolve(__dirname, '../public');

  __DEV__ && console.log('[mock] config', config);

  jsonp(app, {
    callback: 'cal