使用webpack+babel开发npm模块

栏目: JavaScript · 发布时间: 5年前

内容简介:开发npm包,推荐使用ES6书写,再用babel进行转码,将ES6转成ES5,开发体验好,效率高。一个典型的node工程目录解构,bin目录下存放程序入口,libs目录下存放逻辑源码,使用webpack进行模块构建,使用babel进行ES6转码,使用npm script管理脚本。

开发npm包,推荐使用ES6书写,再用babel进行转码,将ES6转成ES5,开发体验好,效率高。

使用webpack+babel开发npm模块

一个典型的node工程目录解构,bin目录下存放程序入口,libs目录下存放逻辑源码,使用webpack进行模块构建,使用babel进行ES6转码,使用npm script管理脚本。

创建node脚本入口

比如创建一个 cli.js 文件:

#!/uisr/bin/env node

console.log('your code goes here');
  1. 需要注意的是,第一行代码需要添加 片段标识符 (也叫hashbang),使用Node解释器执行该脚本。如果遇到权限问题,使用 sudo chmod +x file 添加可执行权限 。
  2. 其次,在 package.json 中,必须提供 bin 字段: "bin": "bin/cli" 相当于指定npm的入口。

使用commander处理命令参数问题

gituhub的README上写的很详细, https://github.com/tj/commander.js/blob/master/Readme_zh-CN.md

使用webpack+babel开发npm模块

调试过程

  1. 推荐使用 VS Code 开发node应用,不仅仅代码提示、导航方面做的好,最好用的一点是可以直接F5启动调试模式,可以打断点一行一行的调试node程序,前提是设置好程序入口。对于更加复杂的应用, 可以通过配置 .vscode/launch.json 进行高级配置。

  2. 在项目根目录下通过 npm link 可以将项目link到全局 node_modules 目录,这样就可以在任意目录下都可以使用自己的命令,英文名叫 symbolic link ,每次保存原文件会link也会立即生效, 不用再次运行 npm link 命令。

# 查看链接的位置
$ which your_command

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持 码农网

查看所有标签

猜你喜欢:

本站部分资源来源于网络,本站转载出于传递更多信息之目的,版权归原作者或者来源机构所有,如转载稿涉及版权问题,请联系我们

图解密码技术(第3版)

图解密码技术(第3版)

[日] 结城浩 / 周自恒 / 人民邮电出版社 / 2016-6 / 89.00元

本书以图配文的形式,详细讲解了6种最重要的密码技术:对称密码、公钥密码、单向散列函数、消息认证码、数字签名和伪随机数生成器。 第1部分讲述了密码技术的历史沿革、对称密码、分组密码模式(包括ECB、CBC、CFB、OFB、CTR)、公钥、混合密码系统。第2部分重点介绍了认证方面的内容,涉及单向散列函数、消息认证码、数字签名、证书等。第3部分讲述了密钥、随机数、PGP、SSL/TLS 以及密码技......一起来看看 《图解密码技术(第3版)》 这本书的介绍吧!

RGB转16进制工具
RGB转16进制工具

RGB HEX 互转工具

在线进制转换器
在线进制转换器

各进制数互转换器

图片转BASE64编码
图片转BASE64编码

在线图片转Base64编码工具