如何发布自己的npm包:

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

安装weback:

打开项目:

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

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

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

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

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

2.打包步骤:

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

引用:

重新运行build

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

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

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

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

ps:首先要有npm账号

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

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

在自己项目里面引用

在自己的项目里面使用

相关推荐
玖釉-11 小时前
解决PowerShell执行策略导致的npm脚本无法运行问题
前端·npm·node.js
爱吃土豆的马铃薯ㅤㅤㅤㅤㅤㅤㅤㅤㅤ16 小时前
npm i / npm install 卡死不动解决方法
前端·npm·node.js
Kratzdisteln16 小时前
【Cursor _RubicsCube Diary 1】Node.js;npm;Vite
前端·npm·node.js
半桶水专家20 小时前
npm run 的工作原理和工作流程
前端·npm·node.js
北辰浮光20 小时前
npm install core-js不成功
前端·javascript·npm
Live&&learn21 小时前
nvm切换node版本时,npm不跟着切换解决
前端·npm·node.js
Qrun2 天前
Windows11安装nvm管理node多版本
前端·vscode·react.js·ajax·npm·html5
中国lanwp2 天前
全局 npm config 与多环境配置
前端·npm·node.js
中国lanwp2 天前
npm中@your-company:registry 和 registry 的区别
前端·npm·node.js
Hilaku5 天前
就因为package.json里少了个^号,我们公司赔了客户十万块
前端·javascript·npm