国际网站建站,十大免费ppt模板免费下载网站,做网站要审核吗,网站建设的分阶段步骤开发发布npm module包 问题 在项目开发过程中#xff0c;每当进入一个新的业务项目#xff0c;从零开始搭建一套前端项目结构是一件让人头疼的事情#xff0c;就要重新复制一个上一个项目的前端框架和组件代码库。其中很多功能的模块组件都要重复拷贝#xff0c;可以统一将… 开发发布npm module包 问题 在项目开发过程中每当进入一个新的业务项目从零开始搭建一套前端项目结构是一件让人头疼的事情就要重新复制一个上一个项目的前端框架和组件代码库。其中很多功能的模块组件都要重复拷贝可以统一将这些组件类的模块统一打包上传至npm以后每次都只需要install一下就可以了。 前期准备工作 安装nodejsgithub上新建一个repository用于托管组件代码新建一个npm账户用于发布包这里以工具组件库中的时间格式转换工具为例主要用于对Date时间进行不同格式转换。 1创建组件 新建一个用于放置时间格式转换npm包的文件夹 mkdir timeFormat初始化配置包json文件package.json npm init$ npm initThis utility will walk you through creating a package.json file.
It only covers the most common items, and tries to guess sane defaults.See npm help json for definitive documentation on these fields
and exactly what they do.Use npm install pkg --save afterwards to install a package and
save it as a dependency in the package.json file.Press ^C at any time to quit.
name: (node) timeForamt
version: (0.0.0) 0.0.1
description: An easy mongodb client for node.js based on native mongodb driver.
entry point: (index.js)
test command: make test
git repository: https://github.com/summer7310/timeformat.git
keywords: timeformat
author: summer7310
license: (BSD-2-Clause) MITpackage.json文件主要用来表述项目信息的包括名称版本依赖版权git地址。 在文件夹下新建时间格式转化功能脚本入口文件index.js 具体代码内容
index.js// 月(M)、日(d)、小时(h)、分(m)、秒(s)、季度(q) 可以用 1-2 个占位符
// 年(y)可以用 1-4 个占位符毫秒(S)只能用 1 个占位符(是 1-3 位的数字)
function timeFormat(date, fmt) {var o {M: date.getMonth() 1, //月份 d: date.getDate(), //日 h: date.getHours(), //小时 m: date.getMinutes(), //分 s: date.getSeconds(), //秒 q: Math.floor((date.getMonth() 3) / 3), //季度 S: date.getMilliseconds() //毫秒 };if (/(y)/.test(fmt)) fmt fmt.replace(RegExp.$1, (date.getFullYear() ).substr(4 - RegExp.$1.length));for (var k in o)if (new RegExp(( k )).test(fmt)) fmt fmt.replace(RegExp.$1, (RegExp.$1.length 1) ? (o[k]) : ((00 o[k]).substr(( o[k]).length)));return fmt;
}exports.timeFormat timeFormat; 每个组件包需要配一个测试文件用于测试新建test.js
test.jsvar fn require(./index.js);
var time fn.timeFormat(new Date(), yyyy-MM-dd);
console.log(time);执行test node test.js输出 D:\npm_test\testnode test.js
2017-12-04 表示成功 2发布包至npm 在npm官网注册账号https://www.npmjs.com 添加用户输入完用户名密码邮箱后没有错误信息就完成了。 $ npm adduser
Username: your name
Password: your password
Email: (this IS public) your email查看当前用户 $npm whoami显示当前用户名发布包 $ npm publish 发现报错用户没有权限发布该包这时候去npm官网查一下发现已经存在该名字的npm包,解决方法就是重命名我们的组件名字改名为timeFormatUtil 再次发布成功后我们去npm官网就能搜到该组件了 这里大概再罗列一下发布过程中可能遇到的问题和解决方法。 Q1 npm ERR! no_perms Private mode enable, only admin can publish this module:这里注意的是因为国内网络问题许多小伙伴把npm的镜像代理到淘宝或者别的地方了这里要设置回原来的镜像。
npm config set registryhttp://registry.npmjs.orgQ2 npm ERR! you do not have permission to publish your module name. Are you logged in as the correct user? 提示没有权限其实就是你的module名在npm上已经被占用啦这时候你就去需要去npm搜索你的模块名称如果搜索不到就可以用并且把package.json里的name修改过来重新npm publish。 注意 每次修改组件需要重新发布都必须修改当前版本号要不然npm会认为冲突。 3下载使用组件 在项目中执行 npm install timeformatutil --save执行测试文件
const fn require(timeformatutil);
let time fn.timeFormat(new Date(), yyyy-MM-dd);console.log(time);成功。
