博客

本文主要介绍流程，代码如何书写不会过多描述，首先使用angular-cli初始化项目，如何操作直接略过，最简单不过

• 
  一. 首先安装ng-packagr：npm install ng-packagr –save-dev
  
• 
  二. 在项目根目录下创建ng-package.json文件和public-api.ts文件，修改package.json
  

ng-package.json
{
  "$schema": "./node_modules/ng-packagr/ng-package.schema.json",
  "name": "@ngx-core",
  "version": "0.0.1",
  "ngPackage": {
    "lib": {
      "entryFile": "public_api.ts"
    }
  }
}

public-api.ts
export * from './src/core/base';
export * from './src/core/components';
export * from './src/core/models';
export * from './src/core/pipes';
export * from './src/core/utils';
export * from './src/core/validators';

package.json
{
  "name": "ngx-core",
  "version": "0.0.1",
  "description": "angular5+ core",
  "main": "index.js",
  "license": "MIT",
  "scripts": {
    "ng": "ng",
    "start": "ng serve",
    "build": "ng build --prod",
    "test": "ng test",
    "lint": "ng lint",
    "e2e": "ng e2e",
    "packagr": "ng-packagr -p package.json"
  },
  "private": false, // 必须false
  ...
 }

• 
  三. npm发布
  

1、在根目录下执行命令npm run packagr,命令执行完毕会生成dist目录,该目录就是要publish到npm的模块,
在执行publish命令前需要先登陆npm仓库,如果没有npm账号,可以到https://www.npmjs.com/注册

2、设置仓库地址为npm官方仓库地址(国内大部分都使用阿里淘宝镜像，如果没改publish会失败)
npm config set registry https://registry.npmjs.org/

3、登陆npm,用户名密码邮箱需要全部匹配
npm whoami
npm login
Username: xxxxx
Password:
Email: (this IS public) xxx@gmail.com
Logged in as xxxxx on https://registry.npmjs.org/.

4、登陆完可以publish了,执行以下命令
cd dist && npm publish && cd ../
或npm publish dist
输出以下信息说明发布成功
+ ngx-core@0.0.1
这时登录https://www.npmjs.com/可以看到自己发布的项目
使用npm i ngx-core可以安装并使用了

• 
  四. 如果你在发布的时候一切都正常，那么恭喜你，Very Lucky！
  

坑1：执行命令npm login或npm adduser时，一直报以下错误登录不上
npm ERR! 301 Could not create user
npm ERR! undefined
解决方法：升级npm node环境，升级到最新版本，引文当前版本可能有点旧了

坑2：执行命令npm publish发布，没有报任何异常，提示发布成功，但是登录npm官网始终找不到你刚发布的package，
执行命令npm i ngx-core或npm view ngx-core versions会报404的问题，这说明发布失败
解决方法：执行命令npm config get registry查看镜像地址，必须是https://registry.npmjs.org/（https），如果不是请修改

重新发布后以上问题解决