npm 发布包

---

前言

该包主要初步体验npm 打包 发布功能

一、创建项目

1、首先使用Vue-cli 创建项目

vue ui

npm run serve

2、创建测试功能

const cyzHello = function(){
    console.log("hello");
}

export default cyzHello;

二、配置项目

1.创建.npmignore

.DS_Store
node_modules
/dist
/src
/public

# local env files
.env.local
.env.*.local

# Log files
npm-debug.log*
yarn-debug.log*
yarn-error.log*
pnpm-debug.log*

# Editor directories and files
.idea
.vscode
*.suo
*.ntvs*
*.njsproj
*.sln
*.sw?

2.配置package.json

"name": "@cyzadyx/npm-cyz",  //包的名称 ，npm 这不能冲突名称
  "version": "0.1.0",
  "private": false, //发布共有
  "scripts": {
    "serve": "vue-cli-service serve",
    "build": "vue-cli-service build",
    "lint": "vue-cli-service lint",
    "pub": "npm publish --access public"
  },

3. 发布打包

需要登录npm 然后打包

npm  login 
npm  run pub

三、发布打包问题

1. npm publish报错ERR E400

错误原因：名称中不能含有大写

2. npm login 报错code E409

发布npm包时，需要先终端登录npm账号

npm ERR! code E409
npm ERR! 409 Conflict - PUT https://registry.npm.taobao.org/-/user/org.couchdb.user:tingting11 - [conflict] User tingting11 already exists
一直报错409，需要先看看你的npm的源，应该是修改为了淘宝镜像

解决办法：

将本地npm的源修改为官网源地址即可

npm config set registry https://registry.npmjs.org/

四、测试

安装

npm i @cyzadyx/npm-cyz

使用

import cyz from '@cyzadyx/npm-cyz'

cyz();

没有啥意义的包