开发一个本地npm包

基础配置(包含包名,版本,所需依赖...,这一切都在package.json中)

本文及后续关于手写webpack有关的文章中,“webpackSimple”指项目,而“localWebpack”或者“demo-start'”均指手写的webpack工具

首先运行npm init,根据提示,完成包的初始化。或者,你可以使用yarn init -y,也就是使用默认配置。

1458.png

然后,在根目录下新建bin文件夹
image.png

对“#!/usr/bin/env node”的解释,可以参考#!/usr/bin/env node 到底是什么?
以上demo-start就是这个包的主要内容,接着,我们需要让命令指向这个js文件。
在package.json中添加“bin”字段:

1563081973(1).jpg

然后,我们需要将这个包暴露出去(让别的包可以引入,其实原理类似npm install <package-name>),不过此处使用的命令是npm link
在这个包下运行 npm link
这样,就将包添加到本地的全局环境了,在别的包中就可以尽情使用了,具体方法

image.png

npx会全局搜索这个命令,找到为止

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 什么是 NPM npm之于Node,就像pip之于Python,gem之于Ruby,composer之于PHP。 ...
    ihoey阅读 6,370评论 2 36
  • NPM笔记: 名字的含义: 1、是Node的开放式模块登记和管理系统 2、Node默认的模块管理器,是一个命令行下...
    名字神马的都是浮云阅读 1,058评论 0 3
  • 描述 npm从以下来源获取配置值,按优先级排序: 命令行标记 在命令行上放置--foo bar设置foo配置参数为...
    竹天亮阅读 44,522评论 0 8
  • 今天是什么日子 起床:七点 天气:阴 心情:一半火焰,一半海水 纪念日:无 任务清单 昨日完成的任务,最重要的三件...
    元雷电风云阅读 188评论 0 1
  • 《 残缺 》作者:孟相 泪流山间似河川,唯有一人空等闲 非玉似穗山半间,往而闪耀顶之天 鱼向川中逆流穿,川...
    笑看人生_ba8d阅读 235评论 0 0

友情链接更多精彩内容