vite-plugin-require-context

Support require.context in vite.

Features

• Based on RegExp search and replacement.
• Only snyc/eager mode is supported for now.
• The default regexp is /^.*$/, and it's different from webpack's default regexp /^\.\/.*$/.
• The implementation of require.context.id is different from webpack.
• Syntax supported :
  1. search in relative path : require.context("./dir_name/", true, /\.vue$/), require.context("../dir_name/", false, /\.vue$/)
  2. search in node_modules : require.context("dir_name", true, /\.vue$/)
  3. search in src : require.context("@/dir_name/", true, /\.vue$/)

Install

1npm install @originjs/vite-plugin-require-context --save-dev

or

1yarn add @originjs/vite-plugin-require-context --dev

Usage

1import ViteRequireContext from '@originjs/vite-plugin-require-context'
2
3export default {
4    plugins: [
5        ViteRequireContext(
6            /* options */
7        )
8    ]
9}

Options

• projectBasePath: string The base path of your project used in require.context. Default to be process.cwd()

• defaultRegExp: RegExp The default RegExp used in require.context if the third parameter regExp of require.context is not specified. Default to be /^.*$/

Implementation details

The following require.context

1const requireComponents = require.context('./components')

will be replaced by

1// generated by @originjs/vite-plugin-require-context
2
3// start of generated code of __require_context_for_vite_function_0, generated by @originjs/vite-plugin-require-context
4import * as __require_context_for_vite_0_0 from "/src/components/a.vue";
5import * as __require_context_for_vite_0_1 from "/src/components/b.vue";
6import * as __require_context_for_vite_0_2 from "/src/components/c.vue";
7
8var __require_context_for_vite_map_0 = {
9	"./a.vue" : __require_context_for_vite_0_0,
10	"./b.vue" : __require_context_for_vite_0_1,
11	"./c.vue" : __require_context_for_vite_0_2
12};
13function __require_context_for_vite_function_0(req) {
14    var id = __require_context_for_vite_function_0_resolve(req);
15    return __require_context_for_vite_map_0[req];
16}
17function __require_context_for_vite_function_0_resolve(req) {
18    if (req in __require_context_for_vite_map_0) {
19        return __require_context_for_vite_map_0[req];
20    }
21    var e = new Error("Cannot find module '" + req + "'");
22    e.code = 'MODULE_NOT_FOUND';
23    throw e;
24}
25__require_context_for_vite_function_0.keys = function __require_context_for_vite_function_0_keys() {
26    return Object.keys(__require_context_for_vite_map_0);
27}
28__require_context_for_vite_function_0.resolve = __require_context_for_vite_function_0_resolve
29__require_context_for_vite_function_0.id = "__require_context_for_vite_function_0"
30// end of generated code of __require_context_for_vite_function_0
31
32const requireComponents = __require_context_for_vite_function_0