美文网首页
发布vue的npm插件

发布vue的npm插件

作者: 小溪流jun | 来源:发表于2021-07-13 14:04 被阅读0次

如何发布自己的npm包
1、新注册npm账号
2、vue/cli新建项目
3、modules/ 下创建 src 和 index.js
踩坑:vue组件必须命名(例:name:"pop")
4、在index.js文件下
// 导入组件,组件必须声明 name
import animateWave from './src/animate-wave.vue'

// 为组件提供 install 安装方法,供按需引入
animateWave.install = function (Vue) {
if (!Vue) {
window.Vue = Vue
}
Vue.component(animateWave.name, animateWave)
}

// 默认导出组件
export default animateWave
5、npm run lib
"lib": "vue-cli-service build --target lib --name elisewave --dest lib modules/index.js"
6、配置 package.json 发布到npm
private:false,
main : 入口文件,该字段需指向我们最终编译后的包文件;
7、发布
npm login --registry http://registry.npmjs.org
npm publish --registry http://registry.npmjs.org

//在vue/cli创建的vue项目中通过install方法进行安装,全局注册祖册,再修改package.json,配置npm run lib和private:false(并非私有),执行npm命令把自己的项目push到npm上面。

相关文章

网友评论

      本文标题:发布vue的npm插件

      本文链接:https://www.haomeiwen.com/subject/vkfdpltx.html