所以我试图制作我自己的可用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
但我无法弄清楚这些文件在构建脚本过程中的位置,有人可以帮我吗?