发布公共组件到npm

以usone中loanDetail举例,里面有业务逻辑和私有东西,不方便暴露,所以不考虑发布npm。至于私库,涉及业务的会频繁改动,所以需要频繁上传拉取,更适合一些功能组件或通用组件,不需要频繁改动的,推荐git subtree
loanDetail这种不需要独立建项目,直接在原项目打包能把第三方依赖什么的打进去,需要注意的是组件的样式需要单独引入
1.使用vue-sfc-rollup新建独立项目
2.

1.用脚手架初始化创建vue项目,项目根目录下新建index.js
import IfeButton from './src/components/Button'
import _Vue from 'vue'
 
IfeButton.install = (Vue) => {
  if (!Vue) {
    window.Vue = Vue = _Vue
  } else {
    Vue.component(IfeButton.name, IfeButton)
  }
}
 
export default IfeButton
2.修改package.json,main是告诉require以哪个文件作为入口文件

发布公共组件到npm_第1张图片

3.修改打包文件,配置入口出口

发布公共组件到npm_第2张图片

4.index.html可引入打包dist下的js文件查看该组件样式

发布公共组件到npm_第3张图片

你可能感兴趣的:(vue.js)