vue npm插件开发

创建项目

vue create mytestdome

整理文件内容如图

vue.config内容

module.exports = {
  lintOnSave: false,
  configureWebpack:{
    externals: {
       vue: 'Vue',
    }
  }
}

index.js如图

import testmydome from './components/index.vue'
testmydome.install = Vue => Vue.component(testmydome.name, testmydome)
export default testmydome;

package.json文件里 private 为false
文件里新增一行

"lib": "vue-cli-service build --target lib --name testmydome（自己的名称）  --dest dist packages/index.js"

npm run lib 打包
npm pack 本地会生成tgz的文件
npm publish 发布
发布前需要登录
npm login 若此命令报错，可能是因为引用了cnpm 我们用 nrm来解决
安装 nrm

npm i -g nrm

nrm ls

nrm use npm

然后再登录发布 邮件会通知你是否发布成功
成功之后可在npm上查询你的插件

一个简易的插件完成