npmpackage.info

webpack-mock-service

提供api mock服务，可配合webpack-dev-server使用，也可单独使用

3.0.0

MIT

TypeScript

1.47 kB

996 1.7

Installations

npm install webpack-mock-service

Developer Guide

BETA

Typescript

No

Module System

CommonJS

Node Version

12.18.2

NPM Version

6.14.5 Score

70.4

Supply Chain

95.8

Quality

75.5

Maintenance

100

Vulnerability

100

License

Pull Requests

Open

6

Total

7

Closed

1

Issues

Open

0

Total

0

Closed

0

Releases

Unable to fetch releases

Contributors

Unable to fetch Contributors

View all 1 contributors

Languages

TypeScript

JavaScript

TypeScript (90.34%)

JavaScript (9.66%)

Developer

ifcheng

Download Statistics

Total Downloads

996

Last Day

Last Week

Last Month

Last Year

GitHub Statistics

1 Stars

14 Commits

1 Watching

7 Branches

1 Contributors

Bundle Size

3.74 kB

Minified

1.47 kB

Minified + Gzipped

Bundlephobia

Maintainers

Package Meta Information

Latest Version

3.0.0

Package Id

webpack-mock-service@3.0.0

Unpacked Size

15.02 kB

Size

5.86 kB

File Count

NPM Version

6.14.5

Node Version

12.18.2

Total Downloads

Cumulative downloads

Total Downloads

996

Last day

Compared to previous day

Last week

-80%

Compared to previous week

Last month

100%

Compared to previous month

Last year

-65.4%

Compared to previous year

Daily Downloads

Weekly Downloads

Monthly Downloads

Yearly Downloads

Dev Dependencies

@types/express @types/lodash @typescript-eslint/eslint-plugin @typescript-eslint/parser chokidar eslint eslint-config-prettier eslint-plugin-prettier express prettier typescript

Versions

webpack-mock-service

提供api mock服务，可配合webpack-dev-server使用，也可单独使用

V3版本开始不再需要提供入口文件，程序会自动导入mock文件夹下符合条件的文件

安装

$ npm install webpack-mock-service

使用

webpack.config.js

1const path = require('path')
2const MockService = require('webpack-mock-service').default
3
4module.exports = {
5  // ...
6  devServer: {
7    // ...
8    before(app) {
9      new MockService(app, {
10        directory: path.join(process.cwd(), 'mock'), // default
11        excludeApis: '/exclude',
12        baseUrl: '/api'
13      })
14    },
15    // '/api/exclude'和'/api/nomatch'将会被转发到'http://api.example'
16    proxy: {
17      '/api': {
18        target: 'http://api.example',
19        changeOrigin: true
20      }
21    }
22  }
23}

mock/index.js

1module.exports = {
2  'GET /test': {
3    delay: 1000,
4    response: {
5      message: 'Response from mock service.'
6    },
7  },
8  'POST /exclude': {
9    response(req, res) {
10      res.send('Response from mock service.')
11    },
12  },
13}

参数说明

MockOptions

Param	Type	Default	Description
`directory`	`string`	`path.join(process.cwd(), 'mock')`	mock文件夹绝对路径
`useSubdirectories`	`boolean`	`true`	是否使用子目录
`filter`	`RegExp\|((filepath: string) => boolean)`	`/\.js(on)?$/`	文件过滤器
`watchPaths`	`string\|string[]`	`-`	需要监测变化的文件/文件夹，作为第一个参数传递给`chokidar.watch` ，默认为`directory`的值
`watchOptions`	`object`	`-`	作为第二个参数传递给`chokidar.watch`
`middlewares`	`express.Handler[]`	`-`	中间件
`baseUrl`	`string`	`/`	api基础路径
`includeApis`	`string\|RegExp\|Array<string\|RegExp>`	`*`	包含的api接口
`excludeApis`	`string\|RegExp\|Array<string\|RegExp>`	`-`	排除的api接口
`fallthrough`	`boolean`	`true`	没有匹配到api接口时，是否把请求交给下一个中间件处理
`updateDelay`	`number`	`2000`	文件改动后更新mock服务的延迟时间(ms)，用于防抖。此外，很多编辑器在保存的时侯是先把原文件清空，再进行保存，因此会触发2次文件改变事件，设置该值也可以解决这个问题

MockResponse

Key	Type	Default	Description
`response`	`unknown[]\|Record<string, unknown>\|express.Handler`	`-`	响应数据或处理请求的函数
`delay`	`number`	`-`	响应等候时间(ms)
`status`	`number`	`200`	HTTP状态码

热更新

默认情况下，监测到文件变化时只会清除改动文件本身的缓存。当这个文件不会影响到其他mock文件的输出时，这么做是没问题的。否则，务必使文件名以_开头，这样会清除所有已加载的mock文件的缓存，确保拿到最新数据。

No vulnerabilities found.

10

Binary-Artifacts

Determines if the project has generated executable (binary) artifacts in the source repository.

10

License

Determines if the project has defined a license.

0

Maintained

Determines if the project is "actively maintained".

0

Code-Review

Determines if the project requires human code review before pull requests (aka merge requests) are merged.

0

CII-Best-Practices

Determines if the project has an OpenSSF (formerly CII) Best Practices Badge.

0

SAST

Determines if the project uses static code analysis.

0

Security-Policy

Determines if the project has published a security policy.

0

Fuzzing

Determines if the project uses fuzzing.

0

Branch-Protection

Determines if the default and release branches are protected with GitHub's branch protection settings.

0

Vulnerabilities

Determines if the project has open, known unfixed vulnerabilities.

Score

1.7

/10

Last Scanned on 2025-01-27

The Open Source Security Foundation is a cross-industry collaboration to improve the security of open source software (OSS). The Scorecard provides security health metrics for open source projects.

Learn More

Other packages similar to webpack-mock-service

mock-service-plugin

1.2.2

模拟后端接口服务

mock-service-webpack-plugin

5.0.1

A Mock Service Based on Webpack 4/5

webpack-mock-service-plugin

1.1.2

mockjs适用于webpack的插件

service-mock-middleware

1.3.9

express mock middleware http webpack webpack-dev-server