使用vue

1. vue-sfc-rollup 介绍
2. 步骤记录
• 一、准备好要发布的组件
• 二、全局安装 vue-sfc-rollup 并初始化项目
• 三、将我们提前准备好的真正组件代码做替换即可
• 四、注意 package.json 的包名
• 五、登录 npm，并发布包
• npm login 登录
• npm publish 发包
• 六、在 npm 上查看自己刚刚发布的包
• 七、切回 cnpm，并通过 npm 下载刚刚发布的包
• 八、使用自己的 npm 包

本文主要是使用 vue-sfc-rollup 工具，去将我们封装的 vue 组件，发到 npm 上，以便于组件共享。

就 npm 发包而言，虽然工具有很多，但是 vue-sfc-rollup 是一个轻量级的工具，能够快速完成发包需求。

vue-sfc-rollup 介绍

官话介绍：

vue-sfc-rollup is a CLI templating utility that scaffolds a minimal setup for compiling a Vue Single File Component (SFC) – or library of multiple SFCs – into a form ready to share via npm. It doesn’t assume any particular flavor of CSS or docs generator, so you can use what you’re already used to. It’s the fastest way to produce npm-ready vue components!

通俗解释说明：

vue-sfc-rollup 是一个脚手架模板工具，在 vue 语法中生产，制作，发布 npm 包，是最快的方法。

• NPM 包地址：传送门
• GitHub 地址：传送门

步骤记录

一、准备好要发布的组件

假设我有一个组件，名字叫做myStar，就是一个盒子中放置三颗星星，长相如下图：

完工，以上就是今天为大家分享的关于使用 vue-sfc-rollup 工具在 npm 上快速发包的步骤，希望对需要的小伙伴提供参考，感谢阅读。