webpack

开发一个本地npm包

2019-07-14  本文已影响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会全局搜索这个命令,找到为止
上一篇 下一篇

猜你喜欢

热点阅读