当前位置: 首页 > article >正文

如何发布自己的npm包:

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

安装weback:

打开项目:

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

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

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

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

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

2.打包步骤:

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

引用:

重新运行build

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

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

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

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

ps:首先要有npm账号

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

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

在自己项目里面引用

在自己的项目里面使用


http://www.kler.cn/a/229088.html

相关文章:

  • DETRs with Collaborative Hybrid Assignments Training论文阅读与代码
  • Kotlin 协程基础十 —— 协作、互斥锁与共享变量
  • SpringSecurity-前后端分离
  • 阀井可燃气体监测仪,开启地下管网安全新篇章-旭华智能
  • OpenGL中Shader LOD失效
  • 【C语言】_求字符串长度函数strlen
  • node.js 使用 elementtree 生成思维导图 Freemind 文件
  • C语言之数据在内存中的存储
  • VM安装Centos7
  • 鸿蒙内核框架
  • <.Net>使用visual Studio 2022在VB.net中新添自定义画图函数(优化版)
  • 03-OpenFeign-请求传参设置
  • FPGA(基于xilinx)中PCIe介绍以及IP核XDMA的使用
  • 【视觉领域GPT】SAM:如何使模型能够处理任意图像的分割任务?
  • 【go】延迟执行和定时器实现
  • 非springboot 使用aop 切面
  • HBase相关面试准备问题
  • mysql8通过binlog恢复数据
  • OpenGL 入门(九)—Material(材质)和 光照贴图
  • AS-V1000 视频监控平台产品介绍:客户端功能介绍(二)
  • 算法练习-二叉树的层序遍历(思路+流程图+代码)
  • Docker进阶篇-轻量级可视化工具Portainer
  • 力扣:131. 分割回文串
  • langgraph学习--创建基本的agent执行器
  • 汽车信息安全--SHE中的密钥管理(一)
  • setState的参数