1. 创建一个package.json文件
发布到npm registry的包必须包含一个packge.json文件。
1. 必需name字段
要求：
1. 只能是一个单词，但是可以包含-或_
2. 只能是小写字母
2. 必需version字段
version字段必须遵循语义化版本规范。
每变更一次，就需要修改一次版本号；告知使用者变更的范围和程度。
语义化版本规范
| 说明 | 阶段 | 规则 | 示例 |
| 初次发布 | 新产品 | 从1.0.0开始 | 1.0.0 |
| 向后兼容的bug修复 | 发布补丁 | 增加第三个数字 | 1.0.1 |
| 向后兼容的新功能 | 次要发布 |
增加第二个数字，并且重置第三个数字 |
1.10 |
| 改变较大，和之前不兼容 | 主要发布 |
增加第一个数字，后面的重置 |
2.0.0 |
3. 可选description字段
便于在npm网站查找
4. 可选author字段
可以是邮箱或者网址
Your Name <email@example.com> (http://example.com)
5. 可选main字段
入口文件。如果该字段不存在，则默认查找对应目录下的index.js文件。如果两者都不存在，则会抛出异常。
6. 可选bin字段
可以实现全局命令。
全局命令本质上是将包安装到以下路径中
// 查看全局安装路径的命令$ npm root -g /usr/local/lib/node_modules
在package.json中设置bin字段{命令：被执行的文件路径}，使用时lyra就是全局命令
"bin": { "lyra": "./index.js" }
被执行的文件（./index.js）头部必须添加指定运行环境的命令
#! usr/bin/env node
PS：如果当前安装包在本地，想要其实现全局命令的功能，可以在package.json所在的路径运行npm link命令，
npm link 将代码复制到全局环境位置，然后bin的命令成为全局命令
7. 可选scripts字段
可以自己配置执行脚本命令。
// 示例： "scripts": { "dev": "export a= 1 && node a.js" }, // 脚本可以通过npm run xxx（start/test可以省略run）
2. 创建一个package.json文件
1. npm init -y
// 也可以 npm init --yes
创建一个默认文件。然后在文件内修改。
如果是npm init
根据逐步回答问题，创建package.json.
还可以自定义package.json的文件内容和npm init的问题。
2. npm config set
如果想要在生成的package.json中添加一个个人信息等内容，则可以通过下面的命令进行配置；
完成之后，下次npm init -y时，会自动添加配置过的信息。
> npm config set init.author.email "example-user@example.com" > npm config set init.author.name "example_user" > npm config set init.license "MIT"
3. 创建自己的库代码
1. 逻辑代码
创建一个src文件夹，src中index.js写自己的逻辑代码，代码导出
示例：
function add(a, b) { return a + b; } function minus(a, b) { return a - b; } function multiply(a, b) { return a * b; } function divide(a, b) { return a / b; } export default { add, minus, multiply, divide }
2. 设置打包的配置信息
在webpack.config.js 中
const path = require('path');
const terserWebpackPlugin = require('terser-webpack-plugin');
module.exports = {
mode: 'none', // 不能设置为production或者development，会引入很多默认设置
entry: {
'lyra': './src/index.js',
'lyra.min': './src/index.js'
},
output: {
filename: '[name].js',
path: path.join(__dirname, 'dist'),
library: 'lyralib',
// 定义库的名称
libraryTarget: 'umd', //表示兼容所有的导出方式
/**
* target有以下几种：
* 1. var: 对应形式 var lyralib = {}
* 2. commonjs: 对应的形式 exports['lyralib']
* 3. commonjs2: 对应的形式 module.exports = {}
* 4. window: 对应的形式 window.lyralib = {}
* 5. this: 对应的形式 this['lyralib]
* 6. amd: 对应的形式是 define('lyralib', factory)
*/
libraryExport: 'default' // 指定要导出的属性
},
optimization: {
minimize: true,
minimizer: [
new terserWebpackPlugin({
test: /.min.js$/
})
]
}
}
3. 定义入口文件
库发布后，使用时会首先查找main字段对应的文件，根目录下的index.js
if (process.env.NODE_ENV === 'production') { module.exports = require('./dist/lyra.min.js'); } else { module.exports = require('./dist/lyra.js'); }
4. 打包文件
npx webpack
4. 注册npm
进行操作前，先确认当前源是npm源。否则应该切换到npm源。
发布npm前需要登陆，如果初次使用，需要先注册：
npm adduser
密码要求复杂密码。
如果已经注册过, 则需要登陆：
npm login
查看是否登陆成功
npm who am i
5. 发布及失败原因
1. 发布
首先确保当前源是npm 的源，而不是第三方如cnpm的源。
npm publish
2. 失败原因查找
1. 确定package文件中name名称是否重复
2.确定邮箱是否已经验证
6.取消发布
npm unpublish XXX --force