Как надо: открываешь ссылку с библиотекой(например
https://unpkg.com/tictic@0.1.0/) руками и находишь там версию UMD или без специальных пометок - это именно та что тебе нужна.
***
ESM/ES/ES6 версия - это версия на модулях, её можно использовать только внутри
script type="module
" через
import
(никаких глобальных вызовов).
CJS версия - это версия на Common JS, старого стандарта Node js, в браузере ты её использовать не сможешь без специального загрузчика.
***
После этого копируешь себе ссылку убирая из неё
/browse
.
В данной конкретной библиотеке НЕТ версии для обычного подключения через скрипт. Тебе остаётся либо использовать модуль, либо использовать систему сборки фронтэнда(vite, webpack, rollup, gulp...), либо отказаться от неё.
P.S. С модулями оно будет выглядеть примерно так:
<script type="importmap">
{
"imports": {
"tictic": "https://unpkg.com/tictic@0.1.0/esm/index.js",
"tslib": "https://unpkg.com/tslib@2.6.2/tslib.es6.js"
}
}
</script>
<script type="module">
import { getDate } from 'tictic';
console.log(getDate({}));
</script>
Как видишь тут пришлось добавить ещё и tslib, т.к. у tictic от неё зависимость, хорошо что только одна. Зачастую зависимостей целая куча и проще таки использовать системы сборки, чем все их прописывать руками.
Так же стоит помнить что модули - это только для современных браузеров.