建立一个前端的工具库---搭建篇

本文详述了搭建前端工具库的需求,包括AMD支持、按需引入、定制打包和单元测试。并通过介绍如何使用Nexus创建npm私服库,包括安装、配置、创建仓库和测试,指导读者完成自己的npm私库搭建过程。
摘要由CSDN通过智能技术生成

一、需求

工具公司需要,决定搭建一个组件库。为了实用,这个组件库主要需要满足以下几点需求。

  1. 能够使用npm安装,支持amd规范;

    现代的前端早已经脱离了刀耕火种的时代。我们可以用npm来安装我们所需要的工具函数和组件库。当然我们也可以自己写的一些工具函数也可以用npm来管理。

  2. 能够按需引入;

    很多时候对于一种大而全的类库是非常大的,而我们可能只会用到其中的一部分,如果不支持按需引入,那么这种工具库显然也是不能用的。

  3. 能够按需打包,定制我们所需要的js文件;

    因为公司还存在几个老的jsp工程,这几个工程我们无法使用webpack来处理。因此我们的工具函数需要可以打包成一个js文件提供给这些老的jsp工程使用标签引入。

  4. 能够编写单元测试用例;

    因为是工具函数,很多时候我们想要测试自己的函数是否正确,这里就必须要有个很方便的测试环境。

二、如何搭建npm私服库

java工程有个管理jar包的工具nexus,这个工具配合maven可以很方便的管理繁多的jar包。幸运的是3.0版本之后,nexus支持npm了。我们可以用这个很轻松的搭建一个属于自己的npm私服库。

安装nexus

nexus的安装很简单,这里附上官方的文档,这里很详细的介绍了nexus的安装步骤。我这里介绍一下linux版的安装步骤。

  1. 下载nexus

    这里选择你需要的版本,我下载的是

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值