npm
文章平均质量分 85
npm
__畫戟__
前端。知之为知之,不知为不知
展开
-
package.json 中的 browser、module、main 字段使用探索
main : 定义了 npm 包的入口文件,browser 环境和 node 环境均可使用;module : 定义 npm 包的 ESM 规范的入口文件,browser 环境和 node 环境均可使用;browser : 定义 npm 包在 browser 环境下的入口文件;转载 2023-03-13 21:18:42 · 2892 阅读 · 0 评论 -
软件版本控制规范
版本格式:主版本号.次版本号.修订号,版本号递增规则如下:· 主版本号:当你做了不兼容的 API 修改;· 次版本号:当你做了向下兼容的功能性新增;· 修订号:当你做了向下兼容的问题修正;先行版本号及版本编译信息可以加到“主版本号.次版本号.修订号”的后面,作为延伸。原创 2023-02-08 11:05:52 · 3252 阅读 · 0 评论 -
npm install xxxx --legacy-peer-deps命令是什么?
package.json文件里的dependencies和devDependencies有什么区别吗?)。那么命令–legacy-peer-dep里的peerDependency是什么依赖呢?根据geeksforgeeks网站里的定义:翻译一下就是说,在package.json文件中,存在一个叫做peerDependencies(对等依赖关系)的对象,它包含了项目里需要的所有的包或则用户正在下载的版本号相同的所有的包(很绕,但意思就是对等依赖关系指定我们的包与某个特定版本的npm包兼容);转载 2022-11-13 19:07:04 · 3678 阅读 · 0 评论 -
构建组件发布npm包:Rollup 构建 library 完整版
Rollup 构建 library 完整版,包含 打包图片 + 字体资源 + 外部依赖 + 外部UI + css预编译 + css作用域隔离 + 代码压缩 + cjs + es + babel编译等功能。原创 2022-09-22 09:22:11 · 1053 阅读 · 0 评论 -
Rollup打包工具核心配置详解
rollup打包工具核心配置详解;Rollup 是一个 JavaScript 模块打包器,可以将小块代码编译成大块复杂的代码,例如 library 或应用程序。Rollup 使用ES6模块,,而不是以前的特殊解决方案,如 CommonJS 和 AMD。rollup.js更多是用于library打包rollup 与 webpack 对比,Webpack 具备强力的处理各类资源,构建 web应用 的能力,当然它也可以构建 library;Rollup 更多是用于构建 library;原创 2022-08-22 22:13:36 · 1505 阅读 · 0 评论 -
Rollup常用插件详解
rollup常用插件汇总详解,@rollup/plugin-node-resolve、@rollup/plugin-commonjs、@rollup/plugin-babel、@babel/preset-react、rollup-plugin-postcss、rollup-plugin-vue、rollup-plugin-terser、@rollup/plugin-alias、@rollup/plugin-strip、rollup-plugin-copy、@rollup/plugin-image原创 2022-09-01 22:45:28 · 5191 阅读 · 1 评论 -
一个终端同时运行多条Nodejs命令
一个终端同时运行多条Nodejs命令原创 2022-05-17 20:36:47 · 1081 阅读 · 0 评论 -
手把手教你使用nodejs编写一个【使用远程仓库模板,快速创建项目模块】的cli(命令行)
在工作过程中,很多时候我们会遇到一些很相似的需求,这时候我们会进行【搬砖】。这时候我们经常会复制一份相似的代码,改一改就成了。但是这样有两个问题:首先,从其他业务模块复制过来的代码中需要删删减减,有些繁琐,效率较低;其次,即便复制的是一个基础模板代码,也会面临手动 copy 的低效问题;还有,一般如果同事之间用一个代码模板库,需要将之 git clone 至本地磁盘,一般手动 copy 很少会 git pull 代码,这样就会造成代码模块版本滞后。原创 2022-02-20 18:05:05 · 9910 阅读 · 0 评论 -
【create-modules-tools】一款:读取远程仓库模板,快速创建代码模块的脚手架工具
读取远程仓库模板,快速创建代码模块的脚手架工具原创 2022-02-20 18:42:40 · 212 阅读 · 0 评论 -
手把手教你使用nodejs编写cli(命令行)——拉取远程仓库作为代码模板
上一章和大家分享了通过 fs 模块读写ejs 模板的方式创建 CLI 工具,这一章我们来讲解如果将远程仓库的代码做为 CLI 工具的代码模板。原创 2022-01-03 20:19:54 · 11373 阅读 · 2 评论 -
手把手教你使用nodejs编写cli(命令行)
为什么要坚持写作?写作就是求甚解的过程。在前端开发工作中,我们经常会使用到webpack-cli、Vue-cli、create-react-app等cli工具,在实际业务开发中我们也是有很多的cli需求来帮助我们实现 新工程或模块的快速创建。cli的本质就是运行node脚本原创 2021-12-31 01:25:58 · 11533 阅读 · 0 评论 -
webpack高级应用篇(十二):创建 library
除了打包应用程序,`webpack` 还可以用于打包` JavaScript library`。以下适用于希望简化打包策略的 library 作者。原创 2021-12-20 17:19:10 · 1565 阅读 · 0 评论 -
基于React Antd远程 SearchSelect 组件,参数灵活可配置,持续迭代中~开源
SearchSelect基于React、Ant Design,适用于React + Ant Design项目; SearchSelect为受控组件; SearchSelect设计为一般PC常用远程搜索需求,接口、入参、出参等参数均可自定义配置;持续迭代中;开源原创 2021-11-08 17:36:52 · 2340 阅读 · 0 评论 -
基于React、Ant Design的ButtonGroup组件
介绍 本组件基于React、Ant Design,适用于React + Ant Design项目 本组件设计为超过一定数量的按钮将展示在Dropdown中 使用方式安装npm i antd-button-group使用<ButtonGroup> <Button size='small' type='link' onClick={() => message.success('编辑')}>编辑</Button>..原创 2021-11-04 14:21:22 · 1504 阅读 · 0 评论 -
react+antd 自定义useTable插件:轻松处理【搜索、排序、表格、分页】持续迭代中~ 开源
1. 本插件基于React和Ant Design,只能用于React + Antd的列表页;2. 本插件支持多项自定义配置;3. 本插件主要用于列表页中的搜索、排序、表格、分页等功能,能处理典型的列表页;4. 使用本插件能减少你典型列表页50%以上代码量和维护成本;5. 持续迭代中;5. 开源;原创 2021-02-25 19:23:34 · 5595 阅读 · 1 评论 -
npm(六):使用Vue CLI构建 lib 发布npm包全流程
使用Vue CLI 通过--target lib 将一个单独的入口构建为一个库,本文重点在于组件编写过程,在打包脚本配置、全局组件、局部组件、组件包样式修改、共享全局样式变量、图片资源、背景图片、字体、iconfont、完整引入、局部引入等细节方面有详细的阐述npm包构建并发布手把手教程...原创 2021-10-06 15:31:21 · 10810 阅读 · 3 评论 -
解决【npm version patch - git working directory not clean】
问题场景:当你执行npm version patch时可能会遇到以下错误:原因:因为 README.md 文件和 package.json 以及构建的文件需要在发布之前提交解决办法:git add .git commit -m "publish to npm"npm version patch...原创 2021-10-04 21:57:10 · 4006 阅读 · 0 评论 -
npm(五):构建组件发布npm包全流程 (使用rollup打包工具)
网上很少有自制npm包的教程,而且很多难点,因此我做了这期博客这样大家就不用去二次爬坑了。 自制前端插件并发布到npm一般都需要打包工具,因为npm本身是运行在node里的,而node不支持es6的import语法,而前端包一般都使用import语法来模块化,所以我们需要用打包工具+babel。...原创 2021-09-27 12:06:34 · 7447 阅读 · 3 评论 -
剖析npm依赖管理
我们的项目可能依赖一个或多个外部依赖包,根据依赖包的不同用途,我们将他们配置在下面几个属性下:dependencies、devDependencies、peerDependencies、bundledDependencies、optionalDependencies。3.1 dependenciesdependencies指定了项目运行所依赖的模块,开发环境和生产环境的依赖模块都可以配置到这里,例如"dependencies": { "lodash": "^4.17.13", ..转载 2021-09-25 22:41:04 · 2756 阅读 · 0 评论 -
npm(四):剖析npm包版本管理机制
Nodejs成功离不开npm优秀的依赖管理系统。在介绍整个依赖系统之前,必须要了解npm如何管理依赖包的版本,本章将介绍npm包的版本发布规范、如何管理各种依赖包的版本以及一些关于包版本的最佳实践。1. 查看npm包版本2.SemVer规范2.1 标准版本2.2 先行版本2.3 发布版本3.版本工具使用4 依赖版本管理package version range原创 2021-09-25 15:32:27 · 3123 阅读 · 0 评论 -
npm(三):npm包发布、更新、废弃
本文主要讲npm包的发布,重点在发布1.npm账户2.建项目,初始化3.编码、调试、发布npm包4.安装使用5.更新迭代6.废弃npm包是一个手把手npm发包教程原创 2021-09-24 14:12:12 · 2543 阅读 · 0 评论 -
npm(二):剖析 package.json
目录1.必备属性1.1 name:1.2 version 查看这里npm教程(一):从npm CLI说起_五虎战画戟-CSDN博客2. 描述信息2.1 description用于添加模块的的描述信息,方便别人了解你的模块。字符串2.2 keywords用于给你的模块添加关键字。数组、字符串2.3 开发人员author和contributors2.4 地址homepage、bugs、repository3. 依赖配置3.1 dependencie...原创 2021-09-23 15:49:35 · 2082 阅读 · 1 评论 -
npm(一):从npm CLI说起
NPM的全称是Node Package Manager,是随同NodeJS一起安装的包管理和分发工具,它很方便让JavaScript开发者下载、安装、上传以及管理已经安装的包。允许用户从NPM服务器下载别人编写的第三方包到本地使用。允许用户从NPM服务器下载并安装别人编写的命令行程序到本地使用。允许用户将自己编写的包或命令行程序上传到NPM服务器供别人使用。npm 由三个独立的部分组成:网站注册表(registry)命令行工具 (CLI)原创 2021-09-23 14:04:35 · 4607 阅读 · 0 评论