使用webpack+babel开发npm模块
栏目: JavaScript · 发布时间: 7年前
内容简介：开发npm包，推荐使用ES6书写，再用babel进行转码，将ES6转成ES5，开发体验好，效率高。一个典型的node工程目录解构，bin目录下存放程序入口，libs目录下存放逻辑源码，使用webpack进行模块构建，使用babel进行ES6转码，使用npm script管理脚本。
开发npm包，推荐使用ES6书写，再用babel进行转码，将ES6转成ES5，开发体验好，效率高。
一个典型的node工程目录解构，bin目录下存放程序入口，libs目录下存放逻辑源码，使用webpack进行模块构建，使用babel进行ES6转码，使用npm script管理脚本。
创建node脚本入口
比如创建一个 cli.js 文件：
#!/uisr/bin/env node
console.log('your code goes here');
- 需要注意的是，第一行代码需要添加 片段标识符 (也叫hashbang)，使用Node解释器执行该脚本。如果遇到权限问题，使用
sudo chmod +x file添加可执行权限 。 - 其次，在
package.json中，必须提供bin字段："bin": "bin/cli"相当于指定npm的入口。
使用commander处理命令参数问题
gituhub的README上写的很详细， https://github.com/tj/commander.js/blob/master/Readme_zh-CN.md
调试过程
-
推荐使用
VS Code开发node应用，不仅仅代码提示、导航方面做的好，最好用的一点是可以直接F5启动调试模式，可以打断点一行一行的调试node程序，前提是设置好程序入口。对于更加复杂的应用， 可以通过配置.vscode/launch.json进行高级配置。 -
在项目根目录下通过
npm link可以将项目link到全局node_modules目录，这样就可以在任意目录下都可以使用自己的命令，英文名叫symbolic link，每次保存原文件会link也会立即生效， 不用再次运行npm link命令。
# 查看链接的位置 $ which your_command
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持 码农网
本站部分资源来源于网络，本站转载出于传递更多信息之目的，版权归原作者或者来源机构所有，如转载稿涉及版权问题，请联系我们。
深入理解计算机系统（英文版·第2版）
[美] Randal E. Bryant、[美] David R. O'Hallaron / 机械工业出版社 / 2011-1 / 128.00元
本书是一本将计算机软件和硬件理论结合讲述的经典教程，内容覆盖计算机导论、体系结构和处理器设计等多门课程。本书的最大优点是为程序员描述计算机系统的实现细节，通过描述程序是如何映射到系统上，以及程序是如何执行的，使读者更好地理解程序的行为为什么是这样的，以及造成效率低下的原因。 相对于第1版，本版主要是反映了过去十年间硬件技术和编译器的变化，具体更新如下： 1. 对系统的介绍（特别是实际使......一起来看看 《深入理解计算机系统（英文版·第2版）》 这本书的介绍吧!
