开启掘金成长之旅!这是我参与「掘金日新计划 · 2 月更文挑战」的第 3 天,点击查看活动详情
前言:
成功没有捷径但成长有路径
老概念新理解,重点记录一下
正文
背景
我们一直谈前端模块化,随着项目规模变大,同一个项目会有很多重叠的内容,为了提高开发效率,我们一般会把使用频率较高相似的模块或组件抽出来,单独拆分能力点封装成公共组件,或者需要给合作方提供一个npm包,单独一个或者集合成工具库SDK。
准备从头开始梳理我们要怎么发布标准npm。
基础
入门:你需要先了解什么是npm包
简单的说,易于分享和复用
npm包开发流程
单纯发布一个简单的npm包是很简单的
-
安装npm
-
创建npm用户账号(你可以用npm addresser创建一个。如果已经注册了,使用npm login命令将账号信息存储到本地客户端。) 注册地址: www.npmjs.com/
-
代码
a.在github中创建新仓库,git clone...下载仓库
b.npm init进行仓库初始化
c.构建目录结构,编写代码
在安装node.js的前提下,新建一个文件,在该文件的目录下,初始化项目:npm init
按步骤填写包的相关信息,可一路默认,包名称需遵循相关政策要求:www.npmjs.com/policies
都是package. json里需要的东西
- description:包的简介
- repository:可以写上自己的GitHub地址
- license:MIT认证
- main:包的入口文件,位置在文件夹的根目录
- keywords:添加一些关键词利于包的搜索(数组格式)
4.发布模块
npm publish
发布过程中还可能会遇到其他问题:提示都很清楚,比如包名称不符合规范,node版本过低,npm配置不对等等,都可查阅资料解决
总结
走到这步我们就完成了一个小目标。当我们的包慢慢扩大,可以用lerna管理,用软链联调。