Всем привет! а как использовать в vue 3 пакет где

commonJs модуль, а не import?

Так же, как во Vue 2 - используя сборщик на commonjs модулях

то есть сделать require из файла vite.config.js а далее как то провайдить в приложение?

Нет, конфиг тут не причём. Vite в приложении работает на ES модулях. Судя по скрину, тут нет причин для использования именно commonjs, что мешает его импортировать обычным импортом?

да видимо в vue 2 все работало тк там webpack, а vite подвязан на es модули.. пакет старый. импортировать не получается

vue 2 / vue 3 НИКАК не завязаны на сборщиках. Это клиентская библиотека. Можно на вебпаке собирать vue 3. Можно на vite собирать vue 2. Можно оба не собирать. Можно оба собирать на rollup, parsel. Какая ошибка при обычном импорте?

да, понимаю сборщик можно выбирать. у vue 3 vite по умолчанию

Не по умолчанию, а в рекомендациях скорее. Умолчания там нет, сам Vue не тащит сборщик, а то, какой будет использоваться, зависит от того, как создавать проект. npm create vue создаёт обе версии на Vite. npx @vue/cli create создаёт обе версии на вебпаке

Alik Kotov
ошибка

Какая ошибка будет, если сделать обычный импорт?

В самом деле? Не знал, спасибо.

Его нельзя выбрать в каком-то "меню выбора", но можно брать любой инструмент. Это независимые вещи

То есть нужно установить Vue себе в систему и тогда "по-умолчанию", как выразился человек, будет Vite?

Нет. Vue вообще нельзя "установить себе в систему". Можно взять тот инструмент / сборщик, который нужен/нравится, и в нём работать. Нужен Vite? Тогда npm create vite или npm create vue нужен Vue CLI (Webpack)? Тогда npx @vue/cli create . Нужен другой сборщик? Берём сборщик и настраиваем)

А разве Vue не нужно перед этим устанавливать (если это первый проект на данной ОС)? Или ноды уже достаточно?

Нет. Vue - это библиотека для веб-страничек. Как jquery. Она не нужна в ОС

Фреймворк же вроде. Ну, насколько я успел узнать, при модельной системе же сначала ставят библиотеки в систему через install чего-то там, потом уже импортируют через import и пошло-поехало. Чего спросил - до этого как библиотеку и использовал, учился писать единым скриптом. Сейчас дошел до модульного подхода.

npm install ставит не в "систему", а скачивает библиотечку в папку node_modules в проекте, где будет просто лежать подключаемый далее js файлик

Теперь понял, спасибо.

То есть эту команду нужно тоже выполнять из папки проекта. Я правильно понял?

Да

кстати прокатило. хоть в файле и подсвечено. Теперь другая пробела md5Part = new Buffer(md5PartStr, "hex").toString("base64"); Пишет ReferenceError: Buffer is not defined При том, что в vue 2 норм работало. Без всяких импортов Buffer ..

В целом могу только повторить, что с версией Vue это связано равно на столько же, на сколько связано с версией jQuery :) Buffer - это nodejs объект... Нужно включать Nodejs полифилы. @esbuild-plugins/node-globals-polyfill vite.config.js: optimizeDeps: { esbuildOptions: { plugins: [ NodeGlobalsPolyfillPlugin({ buffer: true }),

ругается

Надо ещё globalThis включить. С ходу не помню. Решение должно гуглиться по запросу "vite nodejs polyfills"