Как добавить файл JavaScript без использования модульного подхода в проекте, используя сборщик Vite?

Как включить все файлы в формате JavaScript в сборку вместе с другими ресурсами, сейчас они не добавляются в папку dist даже после исполнения всех настроек?
  • 15 марта 2024 г. 20:39
Ответы на вопрос 2
Для добавления файлов JavaScript без использования модульного подхода в проекте с помощью сборщика Vite, вы можете просто создать новый файл JavaScript в папке src вашего проекта и добавить в него ваш код.

Например, создайте файл `script.js` в папке `src` и поместите в него ваш JavaScript код:

```javascript
// script.js
console.log('Hello, world!');
```

После этого, чтобы этот файл был включен в сборку и попал в папку `dist`, вам необходимо добавить его в `index.html`. Для этого откройте файл `index.html` в папке `public` и добавьте следующую строку в `<body>`:

```html
<script src="/src/script.js"></script>
```

Теперь после запуска проекта с помощью команды `npm run dev`, файл `script.js` будет включен в сборку и доступен в папке `dist`.

Если файл JavaScript не добавляется в сборку и не попадает в папку `dist`, возможно, вам нужно настроить правильные пути к файлам в Vite. Убедитесь, что путь к вашему файлу JavaScript указан правильно в `index.html` и что Vite правильно настроен для копирования ресурсов из папки `src`.
Если ты их руками в html вписываешь - там у тебя в корне должна быть папка public(если нет - создай) - туда и клади, он тупо их перекопирует в dist. 
Если же эти скрипты должны работать где-то в рамках других, то пиши где надо import '<script_path>'; (без from и всего такого).
Похожие вопросы