Как можно исправить ошибку связанную с require.context в Vite

Решил перенести проэкт с Vue Cli на Vite но возникла проблема что при регистрации глобально компонентов использую require.context но у vite похоже с этим проблемы. Как можно исправить ошибку require is not defined?

main.js

import { createApp } from 'vue';
import App from './App.vue';
import upperFirst from 'lodash/upperFirst';
import camelCase from 'lodash/camelCase';

const app = createApp(App);

//registare global components
const requireComponent = require.context('./components/form', false, /Base[A-Z]\w+\.(vue|js)$/);
requireComponent.keys().forEach((fileName) => {
  const componentConfig = requireComponent(fileName);
  const componentName = upperFirst(camelCase(fileName.replace(/^\.\/(.*)\.\w+$/, '$1')));
  app.component(componentName, componentConfig.default || componentConfig);
});

app.mount('#app');

Ответы (0 шт):