生活中的Design.

使用vue-sfc-rollup创建自己的NPM库

字数统计: 187阅读时长: 1 min
2021/07/24 Share

使用vue-sfc-rollup创建自己的NPM库

vue-sfc-rollup是一个CLI 工具,用于生成单文件组件(SFC)或者多个单文件组件组成的库并发布到npm所需的最少配置,据说是最快生成NPM-vue库的方式。

安装

全局安装vue-sfc-rollup库
npm i -g vue-sfc-rollup
全局使用:
sfc-init

或者使用npx

npx vue-sfc-rollup

cli将会提示你选择vue2、vue3,库类型:Library或者SFC,仓库名称,项目存放目录等信息

生成文件

项目目录

包含:

  • rollup配置文件rollup.config.js
  • package.json文件-包含依赖、部署发布信息等
  • dev: 测试用的文件
  • src:库的源码

打包发布

打包

1
npm run build

发布(需要登录你的npm账号npm login

1
npm publish 
CATALOG
  1. 1. 使用vue-sfc-rollup创建自己的NPM库
    1. 1.1. 安装
    2. 1.2. 生成文件
      1. 1.2.1. 打包发布