Rollup构建发布一个Vue组件

mkdir vue-component
cd vue-component
npm init

npm i rollup
npm i rollup-plugin-commonjs
npm i rollup-plugin-vue
npm i vue-template-compiler

<template>
      <div>
        {{message}}
      </div>
  </template>
  <script>
  export default {
      name: 'vue-component',
      data() {
          return {
            message:'hello vue component & rollup!'
          }
      },
  }
  </script>
  <style lang="less" scoped>

  </style>

import VueComponent from "./vue-component.vue"

  export default {
    install(Vue,options){
      Vue.component("vue-component",VueComponent)
    }
  }

vue serve ./src/vue-component.vue

npm install -g @vue/cli-service-global

import vue from 'rollup-plugin-vue'
  import commonjs from 'rollup-plugin-commonjs';

  export default {
    input :"./src/index.js",
    output:{
      file:"./dist/index.cjs.js",
      format:"cjs",
    },
    // ...
    plugins: [
      // ...
      commonjs(),
      vue(/* options */),
    ],
  }

"build": "rollup -c"

"main": "./dist/index.cjs.js"

npm run build

npm login
npm publish