Javascript 用于排除网页包动态导入中的文件夹和文件的正则表达式

最近，我遇到了WebPack动态导入，并通过使用webpackChunkName管理导入，下面给出了一个答案

由于我导入的js文件本身是一个应用程序项目，它包含node_模块包和一些其他源代码文件，因此webpack在构建过程中打包了所有内容

如何使用webpackInclude和正则表达式仅在导入中包含生成文件夹

这是我的进口代码

let entry = 'main.js'
let appName = 'app1'

import(
  /* webpackInclude : ./apps/*/dist */
  `./apps/${appName}/dist/${entry}`
)

下面是我的文件夹结构简介

|-- apps
  |-- app1
    |-- dist
      |-- main.js
    |-- node_modules
    |-- src
    |-- package.json
    |-- webpack.config.js
|-- app.js
|-- package.json
|-- webpack.config.js

---

导入代码位于app.js，需要帮助将

/apps/*/dist

更正为正确的正则表达式

在正则表达式的开头和结尾添加斜杠，并进行必要的字符转义。您的正则表达式只需要关心变量部分（即：从${appName}开始，不要担心

/apps/

）

匹配js文件的示例如下：

导入(
/*网页包包括：/[^\/]+\/dist\/.+\.js/*/
`./apps/${appName}/dist/${entry}`
)

此处解释正则表达式： （将其部分悬停）

---

此处了解更多信息：

在正则表达式的开头和结尾添加斜杠，以及必要的字符转义。您的正则表达式只需要关心变量部分（即：从${appName}开始，不要担心

/apps/

）

匹配js文件的示例如下：

导入(
/*网页包包括：/[^\/]+\/dist\/.+\.js/*/
`./apps/${appName}/dist/${entry}`
)

此处解释正则表达式： （将其部分悬停）

在此处了解更多信息：