gulp-memory-fs

中文文档

gulp-memory-fs allows developers to use the memory file system ( memfs ) when building with gulp。

memory-fs is deprecated.

Start Using

1const gulp = require('gulp');
2const GulpMemoryFs = require('gulp-memory-fs');
3
4const mfs = new GulpMemoryFs({
5  dir: 'dist'
6});
7
8function build() {
9  return gulp.src(path.join(__dirname, 'src/**/*.js'))
10    .pipe(mfs.changed()) // or mfs.changed('dist')
11    .pipe(mfs.dest());   // or mfs.dest('dist')
12}
13
14async function server() {
15  await mfs.createServer();
16}
17
18function watch() {
19  gulp.watch('src/**/*.js', build);
20}
21
22exports.default = gulp.series(
23  build,
24  gulp.parallel(watch, server)
25);

Open the browser and type http://127.0.0.1:7777/ to start development.

API

GulpMemoryFs

Parameter	Type	Description	Default
port	number	Service port number	7777
dir	string	Directory of resources
https	{ key: string; cert: string; }	Configure the file address of the https certificate, service enables https.
reload	boolean	Whether the browser refreshes when the file is saved	false
reloadTime	number	Delayed refresh time of the browser after the file is modified	250
mock	{ [key: string]: any | ((ctx: Context, next: Function) => void | Promise); }	Configuring mock data
proxy	{ [key: string]: object; }	Configuring the proxy
mimeTypes	{ [key: string]: string; }	Configure mimeTypes

GulpMemoryFs.prototype.changed & GulpMemoryFs.prototype.dest

Since it is a memory file system, you cannot use gulp-changed and use GulpMemoryFs.prototype.changed to compile only the modified file.

Parameter	Type	Description
output	string	Output file directory

GulpMemoryFs.prototype.createServer

Start the service.

Mock

The mapping rules of mock are as follows:

1const mock = {
2  // How to use
3  'GET /mock/data': { data: [1, 2] },
4
5  // When the request method is omitted, the default request method is GET
6  '/mock/data': { data: [1, 2] },
7
8  // Support for custom functions, API reference koa and @koa/router
9  'POST /mock/data': (ctx, next) => ctx.body = 'ok'
10};

Proxy

The rules of the proxy are as follows:

1const proxy = {
2  '/proxy/raw/githubusercontent': {
3    target: 'https://raw.githubusercontent.com/',
4    changeOrigin: true,
5    pathRewrite: {
6      '^/proxy/raw/githubusercontent': ''
7    }
8  }
9};

Proxy configuration reference http-proxy-middleware.

MimeTypes

1const mimeTypes = {
2  avif: 'image/avif'
3};

Test

npm run example
npm run test