美文网首页webpack
开发一个本地npm包

开发一个本地npm包

作者: 成熟稳重的李先生 | 来源:发表于2019-07-14 13:40 被阅读0次

基础配置(包含包名,版本,所需依赖...,这一切都在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会全局搜索这个命令,找到为止

相关文章

  • npm命令

    查看本地某个包 npm ls xxx or npm list xxx 查看本地全部包 npm list --...

  • 开发一个本地npm包

    基础配置(包含包名,版本,所需依赖...,这一切都在package.json中) 本文及后续关于手写webpack...

  • 删除npm全局包的终极方法(包含全局npm link撤销)

    【背景】 npm link 测试本地开发的包之后,完成包发布,一般会期望撤销本地的 link,改为安装并测试自己发...

  • NPM

    npm link 可以用于自己本地开发的模块调试过程, 避免每次都publish npm包,然后安装调试。 1. ...

  • 离线安装npm包

    前言 因为项目在内网部署开发的原因,无法连接互联网进行npm包下载,所以需要用到离线本地安装npm包进行开发 一、...

  • npm命令

    本地操作 npm installlodash(包名) ls node_modules //查看已安装的npm包 n...

  • 查看包的版本信息

    讲在前面 npm 查看一个包的完整信息,分为两种情况: npm 服务器上的包 本地安装的包的版本信息 查看 npm...

  • jupyter lab 插件开发之本地包依赖问题

    最近在基于 jupyter lab 开发插件,插件依赖于本地包时,npm install 通不过,出现了以下报错:...

  • Yarn相关注意事项

    在本地开发npm包时,刷新缓存方法执行yarn cache dir找到缓存路径(例如~/.cache/yarn/v...

  • 本地安装npm包

    id: installing-npm-packages-locallytitle: 04-本地安装npm包prev...

网友评论

    本文标题:开发一个本地npm包

    本文链接:https://www.haomeiwen.com/subject/kgrvkctx.html