如何在开发过程中测试vuejs插件

时间:2019-05-06 00:23:38

标签: vue.js vuejs2

我正在创建一个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在开发模式下在localhost:8080启动应用程序,并向我显示index.html的内容,但是在此文件中,如果我需要dist / foobar.js,它将无法正常工作,例如{{1 }}无效

0 个答案:

没有答案