使用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

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

查看所有标签

猜你喜欢:

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

模式识别

模式识别

(希)Sergios Theodoridis、(希)Konstantinos Koutroumbas / 电子工业出版社 / 2010-2 / 75.00元

本书全面阐述了模式识别的基础理论、最新方法以及各种应用。模式识别是信息科学和人工智能的重要组成部分,主要应用领域有图像分析、光学字符识别、信道均衡、语言识别和音频分类等。本书在完美地结合当前的理论与实践的基础上,讨论了贝叶斯分类、贝叶斯网络、线性和非线性分类器设计、上下文相关分类、特征生成、特征选取技术、学习理论的基本概念以及聚类概念与算法。与前一版相比,增加了大数据集和高维数据相关的最新算法,这......一起来看看 《模式识别》 这本书的介绍吧!

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

各进制数互转换器

SHA 加密
SHA 加密

SHA 加密工具

XML、JSON 在线转换
XML、JSON 在线转换

在线XML、JSON转换工具