如何发布自己的npm包:

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

安装weback:

打开项目:

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

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

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

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

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

2.打包步骤:

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

引用:

重新运行build

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

第一步,查看当前项目的入口文件:

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

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

ps:首先要有npm账号

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

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

在自己项目里面引用

在自己的项目里面使用

相关推荐
lovepenny15 小时前
Failed to resolve entry for package "js-demo-tools". The package may have ......
前端·npm
stoneSkySpace1 天前
pnpm 和 npm 差异
前端·npm·node.js
海上彼尚3 天前
使用 npm-run-all2 简化你的 npm 脚本工作流
前端·npm·node.js
HWL56793 天前
pnpm(Performant npm)的安装
前端·vue.js·npm·node.js
行星0085 天前
mac 通过homebrew 安装和使用nvm
macos·npm·node.js
xrkhy6 天前
nvm安装详细教程(卸载旧的nodejs,安装nvm、node、npm、cnpm、yarn及环境变量配置)
前端·npm·node.js
领创工作室6 天前
npm介绍,指令合集,换源指令
前端·npm·node.js
小妖6667 天前
npm run 命令传递参数
前端·npm·node.js
Hilaku7 天前
深入理解npm、pnpm和yarn的lock文件,我发现了一些细节
前端·javascript·npm
mon_star°8 天前
有趣的 npm 库 · json-server
前端·npm·json