Как протестировать плагин vuejs во время разработки

Question

Я создаю плагин vuejs.Я еще не опубликовал его в NPM, потому что мне нужно тщательно его протестировать, проблема в том, что если я перенесу свой код в github, а затем в NPM, я могу просто установить плагин, используя

npm install foobar

Тогда я мог бы использовать это в своем приложении, как это.

import foobar from 'foobar' и обычное <foobar> .. </foobar>

Таким образом, это работает, я могу на самом деле протестировать его, как мне тестировать приложение во время разработки, а не переходить на NPM, Githubзатем обновлять мою зависимость каждую минуту?

Я знаю, что есть простой способ, но я не могу выяснить, что это такое

В иерархии файлов, которую вы видите ниже, я попытался импортировать dist / foobar.js как

внутри index.html, но он просто не будет работать.

Это структура моих приложений.

my-plugin
  dist
    foobar.js
  node_modules
  src
    components
      foobar.vue
    index.html
    index.js

foobar.vue является реальным приложением, тогда как index.js просто импортирует foobar и экспортирует его как:

import foobar from './components/foobar.vue'
export {foobar}

Приложение не имеет ошибок или проблем, оно работает.Но чтобы проверить, работает ли foobar, я должен отправить его на github и npm, а затем установить его, чтобы использовать его.

npm run serve запускает приложение на локальном хосте: 8080 в режиме разработки и показывает мне содержимое index.html, но в этом файле, если мне потребуется dist / foobar.js, оно не будет работать, например <foobar></foobar> не имеет эффекта