Как настроить загрузчик скриптов в webpack в проекте с использованием vite?

Как в коде vue2 + webpack сделать импорт elfinder.min в Vite без обработки?
  • 23 октября 2023 г. 7:58
Ответы на вопрос 1
В проекте с использованием Vite вам не нужно настроить загрузчик скриптов webpack, так как Vite использует свой собственный сборщик модулей, встроенный в разработочный сервер.

Чтобы импортировать elfinder.min без обработки через Vite в коде Vue 2 + webpack, вы можете включить его напрямую в HTML-разметку, используя тег `<script>`. Вот пример, как это можно сделать:

1. Создайте папку `public` в корне вашего проекта, если она уже не существует.
2. Скопируйте файл `elfinder.min.js` в папку `public`.
3. В файле компонента Vue, где вы хотите использовать elfinder, добавьте следующую строку:

```javascript
mounted() {
  const script = document.createElement('script');
  script.src = '/elfinder.min.js';
  script.async = true;
  document.body.appendChild(script);
},
```

Это создаст и добавит тег `<script src="/elfinder.min.js" async></script>` в HTML-разметку вашего проекта, что позволит загрузить и выполнить скрипт elfinder.min без его обработки с помощью сборщика модулей Vite.

Обратите внимание, что вы также можете попробовать загрузить elfinder.min из CDN, вставив URL-адрес CDN в `src` атрибут script тега.

Важно отметить, что этот подход позволяет загрузить скрипт elfinder.min без его обработки Vite или Webpack. Однако, для использования скрипта в коде Vue, вам может потребоваться выполнить дополнительные настройки или создать обертку компонента для работы с elfinder функционалом.
Похожие вопросы