webpack-proxy-mock-plugin 支持可视化mock能力

使用说明

1const path = require('path')
2const ProxyMockPlugin = require('webpack-proxy-mock-plugin')
3module.exports = {
4  mode: 'development',
5  entry: './example/index.js',
6  output: {
7    filename: 'bundle.js',
8    path: path.resolve(__dirname, 'wb_dist'),
9  },
10  devServer: {
11    hot: true,
12    proxy: [
13      {
14        context: ['/api'],
15        target: 'http://localhost:8080',
16        changeOrigin: true,
17        pathRewrite: { '^/api': '' },
18      },
19    ],
20  },
21  plugins: [
22    new ProxyMockPlugin({
23      port: 3001,
24      // 生成代码的文件地址
25      generatedCodeFileUrl: path.join(__dirname, './mockInfo/request-apis'),
26      // mock文件的存储地址
27      mockDataFileUrl: path.join(__dirname, './mockInfo/mock'),
28    }),
29  ],
30}