Как подключить js библиотеку cdn(которой нет в npm) в проект Vue js?

Question

[artursharipov]

Хочу использовать небольшую библиотеку в своем проекте Vue js(cli).
Проблема в том что она подключается только отдельным файлом (CDN). В NPM её нет.
Как мне подключить её или сделать модулем NPM чтобы я смог с ней работать.

Вот эта библиотека:
https://github.com/LieutenantPeacock/SmoothScroll

Нужно чтобы работала функция из этой библиотеки

Comments

[Владислав Лысков]

прям в лоб подключаешь в хеаде, по старинке и вперёд

[artursharipov]

Владислав Лысков, Спасибо. Получилось:

<script src="./smoothScroll.js"></script>
 <script>
     window.smoothScroll = smoothScroll;
</script>

Answer 1

[historydev]

Клонируешь репо, билдишь, публикуешь/устанавливаешь локально:

https://docs.npmjs.com/creating-and-publishing-sco...

Есть ньюанс, если либа не поддерживает es6, проблемки будут.

Comments

[artursharipov]

спасибо, попробую

Answer 2

[Виктор Майоров]

В package.json находишь `dependencies` и указываешь следующее

"dependencies": {
    ...
++  "smoothScroll": "git+https://github.com/LieutenantPeacock/SmoothScroll.git"
}

В компоненте

import smoothScroll from 'smoothScroll/src/smoothscroll.js'