发布自己的npm包
2023-02-18 16:30:12 时间
注册npm账户
用户名,密码,邮箱后面发布会用到 注册完需要验证邮箱 会发送邮件至你注册的邮箱 按指示完成验证即可
新建项目
创建目录
mkdir package
切换目录
cd package
初始化npm
npm init -y
后续可在 package.json 文件中增加更改配置
安装ESlint
安装
npm i eslint
初始化配置
eslint --init
配置 Commitlint
安装 Commitlint 脚手架和 Git Hook 工具
npm install @commitlint/cli @commitlint/config-conventional husky --save-dev
根目录创建 .commitlintrc.js 文件
module.exports = {
extends: ['@commitlint/config-conventional']
}
配置 Git Hook
// package.json
"husky": {
"hooks": {
"pre-commit": "eslint src --fix --ext .js",
"commit-msg": "commitlint -e"
}
}
打包、编译
webpack babel
npm install webpack webpack-cli --save-dev
npm install @babel/core @babel/preset-env babel-loader @babel/plugin-transform-runtime @babel/runtime-corejs3 --save-dev
根目录创建 webpack.config.js 配置babel-loader
const path = require('path');
module.exports = {
entry: './src/index.js',
output: {
path: path.resolve(__dirname, 'dist'),
filename: 'bundle.js',
library: 'package',
libraryTarget: 'umd',
},
module: {
rules: [{
test: /\.js$/,
loader: 'babel-loader',
exclude: /node_modules/,
}]
}
}
根目录创建 .babelrc
{
"presets": [
["@babel/preset-env"]
],
"plugins": [
[
"@babel/plugin-transform-runtime", {
"corejs": 3
}
]
]
}
开发
新建 src 目录 创建index.js
发布
npm login
依次输入用户名 密码 邮箱
npm publish
包名不能重复并合法 使用官方源 npm config set registry http://registry.npmjs.org 注册npm的邮箱需要验证
相关文章
- (47)STM32——汉字显示实验(基于正点原子F407)
- 【C语言】enum 关键字
- (48)STM32——图片显示实验
- (49)STM32——照相机实验
- 【C语言】通讯录《动态内存版本》
- mod_unimrcp从FreeSWITCH代码树中删除
- 在FreeSWITCH中写一个简单的IVR
- 【C语言】extern 关键字
- 【C语言】程序的翻译环境和执行环境
- 7分钟快速入门史上最强正则表达式教程
- Kamailio Tips
- (一)RT-Thread入门——内核介绍
- 敏捷开发
- (一)STM32L4(RT- Thread)——LED灯
- (二)STM32L4(RT- Thread)——独立按键
- ClueCon2022在芝加哥举行及FreeSWITCH1.10.8发布
- (三)STM32L4(RT- Thread)——电机和蜂鸣器
- 我从元宇宙归来
- Docker基础实战
- 数学基础从高一开始4、集合的基本运算2