Как получить файлы динамически из папки, подпапки и ее подпапки в веб-пакете javascript

Question

Как получить файлы динамически из папки, подпапки и ее подпапки в веб-пакете javascript

1

Я пытаюсь создать небольшое приложение в VueJs с помощью webpack, где я хочу динамически webpack файлы config/routing из папок. У меня есть структура папки что-то вроде этого:

plugins
|----Ecommerce
|--------backend
|--------frontend
|------------config.js
|------------routes.js
|------------components
|----------------products.vue
|----Blog
|--------backend
|--------frontend
|------------config.js
|------------routes.js
|------------components
|----------------posts.vue

Для этого я пытаюсь включить свои файлы:

const configRequire = require.context('./../plugins/', true, /\.\/[^/]+\/config\.js$/);
const routesRequire = require.context('./../plugins/', true, /\.\/[^/]+\/routes\.js$/);

Но почему-то это не включает файлы. Я думаю, что-то не так с моим регулярным выражением

Редактировать:

Обнаружена проблема, мои файлы не импортируются, поскольку они находятся внутри folders/subfolder/subfolder, если я сохраняю структуру папок следующим образом:

plugins
|----Ecommerce
|--------backend
|--------config.js
|--------routes.js
|--------frontend
|------------components
|----------------products.vue
|----Blog
|--------backend
|--------config.js
|--------routes.js
|--------frontend
|------------components
|----------------posts.vue

Я вижу, что мои файлы импортируются. Но не получается, когда я храню файлы config/routes внутри папки frontend

Помогите мне в этом. Благодарю.

Nitish Kumar 21 окт. 2018, в 08:27

Источник

1

Я не знаком с синтаксисом require.context , но это регулярное выражение, содержащее route\.js и фактический файл, содержащий route s .js тип, который вы ввели при копировании вопроса в StackOverflow
Ferrybig 21 окт. 2018, в 10:41
0

@Ferrybig Спасибо за совет.
Nitish Kumar 21 окт. 2018, в 15:00
0

Попробуйте настроить регулярное выражение, которое соответствует ./ которое работает только в текущем каталоге (плагины), но не в любом из его подкаталогов. Исправьте регулярное выражение, и все будет в порядке.
TommyF 21 окт. 2018, в 15:06
0

@TommyF TommyF да, правда, но я не знаю много об этом.
Nitish Kumar 21 окт. 2018, в 15:21
0

Ну, спасибо всем, я сделал /\.\/[^/]+\/[frontend]+\/config\.js$/ и это сработало. @TommyF
Nitish Kumar 21 окт. 2018, в 15:31
0

это случайно, это не то, что вы хотите @NitishKumar
TommyF 21 окт. 2018, в 15:40

Показать ещё 4 комментария

Теги:

javascript

regex

vue.js

vuejs2

webpack

1 ответ

Ещё вопросы

Я не знаком с синтаксисом require.context , но это регулярное выражение, содержащее route\.js и фактический файл, содержащий route s .js тип, который вы ввели при копировании вопроса в StackOverflow
Попробуйте настроить регулярное выражение, которое соответствует ./ которое работает только в текущем каталоге (плагины), но не в любом из его подкаталогов. Исправьте регулярное выражение, и все будет в порядке.
@TommyF TommyF да, правда, но я не знаю много об этом.
Ну, спасибо всем, я сделал /\.\/[^/]+\/[frontend]+\/config\.js$/ и это сработало. @TommyF
это случайно, это не то, что вы хотите @NitishKumar

TommyF · Accepted Answer · 2018-10-21T14-18-00.000Z

Проверьте это, чтобы лучше понять текущее регулярное выражение: https://regex101.com/r/Y9sDZc/1 (удалите первую строку, чтобы увидеть, как она не совпадает со вторым).

Я не совсем уверен, что именно вы хотите совместить, а что нет, поэтому я могу только догадываться, какое правильное решение для вашего дела есть, но вот несколько вариантов:
config\.js соответствует всем файлам config.js. Справочники позаботятся по вашим параметрам require.context. Это также будет соответствовать plugins/foo/bar/config.js/somefile.txt хотя если вы будете контролировать все файлы и уверены, что это не проблема, используйте config\.js - это config\.js простое решение.

Чуть более выборочным будет:
.*\/config\.js$

Надеюсь, это поможет.

Ну, что ж, спасибо. Это помогло мне.