如何发布自己的npm包:

1.创建一个打包组件或者库:

安装weback:

打开项目:

如何发布自己的npm包:_第1张图片

创建webpack.config.js,创建src目录

如何发布自己的npm包:_第2张图片

如何发布自己的npm包:_第3张图片

如何发布自己的npm包:_第4张图片

如何发布自己的npm包:_第5张图片

如何发布自己的npm包:_第6张图片

打包好了后发现两个js文件都被压缩了,我们想开发使用未压缩,生产使用压缩文件。

如何发布自己的npm包:_第7张图片

erserPlugin:(推荐使用的原因是支持es6的语法)

webpack4默认使用的压缩插件,当mode是production的时候,会自动去使用的一个插件。

如果mode不是,可以自己配置,让他去使用。

2.打包步骤:

主动使用需要先安装插件:

引用:

如何发布自己的npm包:_第8张图片

重新运行build

如何发布自己的npm包:_第9张图片

明显的看到两个文件的大小发生了变化。

如何发布自己的npm包:_第10张图片

第一步,查看当前项目的入口文件:如何发布自己的npm包:_第11张图片

如何发布自己的npm包:_第12张图片

增加描述,以及必要的增加一个发布钩子

如何发布自己的npm包:_第13张图片

可以把这个包直接发布到npm

如何发布自己的npm包:_第14张图片

ps:首先要有npm账号

如何发布自己的npm包:_第15张图片

3.如何在项目里面使用:

在自己的项目里面使用npm安装

在自己项目里面引用

如何发布自己的npm包:_第16张图片

在自己的项目里面使用

如何发布自己的npm包:_第17张图片

你可能感兴趣的:(npm)