所以我试图制作我自己的可用vue组件,并按照vue-particles的方式进行:

https://www.npmjs.com/package/vue-particles

您将看到该软件包实际上是它自己的独立http服务器,它使用vue实例提供index.html文件,然后该页面的一部分是vue组件 .

因此,当您安装软件包时,您将获得整个服务器,但您只能通过导入来使用1组件

import VueParticles from 'vue-particles'

这为您提供了可以随时使用的组件

Vue.use(VueParticles)

所以,我意识到他们使用vue init webpack模板来实现这一目标 .

我复制了它们,跑了 npm run build ,并试图 import MyComponent from 'my-package'

这是我的包,如果你想比较:

https://www.npmjs.com/package/vue-mapbox-js

但是,导入后,我得到一个模块未找到错误,

所以仔细观察后,我看到 vue-particles 包有一个名为vue-particles的根级目录,里面有一堆文件

输出

vue-particles.common.js vue-particles.esm.js vue-particles.js vue-particles.common.js.map vue-particles.esm.js.map vue-particles.js.map

但我无法弄清楚这些文件在构建脚本过程中的位置,有人可以帮我吗?