构建 lib 库与本地调试

tsp_components
地址
https://www.npmjs.com/package/tsp_components
账号
monstergao

软连接调试

创建一个软连接

tsp_components 打开终端 输入命令

npm link

link在目录C:\Users\用户名\AppData\Roaming\npm\node_modules下面 可查看包

进vue项目

npm link tsp_components

这就将这个公共的项目通过软连接的方式引入到项目里面来了

vue项目中配置

//main.js
import tsp_components from 'tsp_components';  
    Vue.use(tsp_components);

这时修改vue项目下面的任意代码都会实时生效，不用打包，也不用重启

打包

配置命令

//package.json
 "scripts": {
    "dev": "vue-cli-service serve",
    "build": "vue-cli-service build",
    "lint": "vue-cli-service lint",
    "lib": "vue-cli-service build --target lib --name tsp_components --dest lib ./index.js"
  },

生成lib文件夹

npm run lib

本地调试时使用

//package.json
"main": 'index.js'

npm发布时使用

//package.json
"main": "lib/tsp_components.umd.min"

上传

修改版本号

//package.json
"version": "0.6.21"

每次发布 版本号不能相同

上传npm

npm publish

常用命令

//创件package.json
npm init
//登陆npm账号
npm login
//上传
npm publish
//添加成员到npm项目
npm owner add <user> <package name>
npm owner add  monstergao tsp_components