vue 组件打包成js在其他项目中使用

1.新建js文件

// 引入组件
import ProcessDesigner from '../src/components/ProcessDesigner/index.vue'

// install
ProcessDesigner.install = function (Vue) {
  Vue.component("ProcessDesigner", ProcessDesigner)
  // Vue.component(FlowEditorVue.name, FlowEditorVue)
}


// 导出
export default ProcessDesigner

2. 在package.json 文件中 sripts 新建下面的语句  ProcessDesigner 组件名。rc/index.js 1步骤中的文件路径

"lib": "vue-cli-service build --mode prod --target lib --name ProcessDesigner --dest lib src/index.js"

3. 在其他的项目中引用 

  a.将打包成功的lib文件放到项目中的publice文件下

  b. 在main.js 中引用

import ProcessDesigner from '../public/lib/ProcessDesigner.common'

Vue.use(ProcessDesigner)

c. 在vue界面中使用

   <ProcessDesigner></ProcessDesigner>