Регулярное выражение для исключения папки и файлов в динамическом импорте Webpack

Недавно я наткнулся на динамический импорт веб-пакета здесь и удается импортировать через литералы шаблона с помощью webpackChunkName, следуя ответу из этой ссылки .

Поскольку файл js, который я импортирую, является самим проектом приложения, он содержит пакеты node_modules и некоторые другие файлы исходного кода, поэтому веб-пакет упаковывает все во время сборки.

Как мне включить только папку сборки только в мой импорт с использованием 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 на правильное регулярное выражение.


webpack javascript regex dynamic-import
person Chris    schedule 18.07.2019    source источник

Ответы (1)


arrow_upward
0
arrow_downward

Добавьте косые черты в начале и конце регулярного выражения, а также необходимые символы для экранирования. Ваше регулярное выражение должно заботиться только о частях переменных (например: начиная с $ {appName}, не беспокойтесь о ./apps/)

пример для сопоставления файлов js:

import(
  /* webpackInclude: /[^\/]+\/dist\/.+\.js/ */
  `./apps/${appName}/dist/${entry}`
)

объяснение регулярного выражения здесь: https://regex101.com/r/F6XlIQ/1 (наведите его частей)

узнайте больше здесь: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Regular_Expressions

person Ejez    schedule 28.01.2020