动态获取routes(require.context)

[renmm]

代码

require.context(
  './', true, 
  /^\.\/(?!utils|transpilers)[^/]+\/(transformers\/([^/]+)\/)?(codeExample\.txt|[^/]+?\.js)$/
  );

require.context语法

require.context(directory, useSubdirectories = false, regExp = /^\.\//);

这段代码的意思：

• 嵌套遍历当前目录下的所有子目录，忽略路径包含utils，transpilers的文件
• codeExample.text只能存在一级子目录或者/xx/transformers/xxx/目录下
• 所有符合上述条件的js文件

使用场景

• 动态路由获取

正则表达式

/^\.\/(?!utils|transpilers)[^/]+\/(transformers\/([^/]+)\/)?(codeExample\.txt|[^/]+?\.js)$/

codepen

codepen

涉及到的正则语法

匹配'x'仅仅当'x'后面不跟着'y',这个叫做正向否定查找。

例如，/\d+(?!.)/匹配一个数字仅仅当这个数字后面没有跟小数点的时候。正则表达式/\d+(?!.)/.exec("3.141")匹配‘141’而不是‘3.141’

x(?!y)

参考

• astexplorer parsers
• context module API
• 正则表达式