npm相关知识

1. npm依赖包版本号~和^的区别

value	desc
~version	会匹配最近的小版本依赖包，比如~1.2.3会匹配所有1.2.x版本，但是不包括1.3.0
^version	会匹配最新的大版本依赖包，比如^1.2.3会匹配所有1.x.x的包，包括1.3.0，但是不包括2.0.0
version	精确匹配版本

2. npm查看远程包版本

npm view <packageName> versions --json

3. npm包发布命令

npm whoami // 是否登陆
npm addUser  // 分别输入用户名、密码、邮箱 npm login  // 非第一次发版本则用此命令

npm config ls // 查看npm配置

npm version patch  // 补丁【1.0.1】
npm version minor  // 小改【1.1.0】
npm version major  // 大改【2.0.0】

4. 因为npm包的版本不一致，打包报错

解决方案:

sudo npm install --legacy-peer-deps

5. npm publish 命令直接发布的配置

npm publish上传的内容默认包含：package.json、README.md、CHANGLOG.md、LICENSE

{
  "name": "jc-charts",
  "version": "1.0.0",
  "private": false,
  "main": "dist/jc-charts.umd.js",
  "module": "dist/jc-charts.esm.js",
  "types": "dist/index.d.ts",
  "keywords": [
    "Component",
    "UI",
    "Vue3"
  ],
  "files": [
    "dist"
  ],
  "scripts": {
    "prepublishOnly": "npm run build"
  }
}

6. vue组件导出文件

import { App } from 'vue'

import LText from './components/LText'

const components = [
  LText
]

const install = (app: App) => {
  components.forEach(component => {
    app.component(component.name, component)
  })
}

export {
  LText,
  install
}

export default {
  install
}

// 使用方式一：单个组件导入
import { LText } from 'jc-charts'

// 使用方式二：组件插件引入
import JcCharts from 'jc-charts'
app.use(JcCharts)