![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
NodeJS
文章平均质量分 55
森哥的歌
把人生看成一场旅行是不是会让自己活的更舒服一些。
展开
-
npm ci 详解
和npm install 类似,也是用来执行安装区别npm ci 安装前会检测是否有 package-lock.json或者npm-shrinkwrap.json,没有会停止并提示npm ci 安装前会检测package-lock.json 里的版本和package.json 里的依赖版本是否有偏差,如果有会停止和报错npm ci 安装前会删除掉node_modules 里的内容npm ci 安装完成后不会改变package.json 或者package-lock.json里的内容npm ci原创 2021-11-11 19:04:10 · 1823 阅读 · 0 评论 -
npm optionalDependencies
optionalDependenciesnpm install xxx --save-optional使用场景optionalDependencies 适合一些可有可无的依赖包,比如一些增强的高级插件,这些插件不管能不能下载成功,不会阻塞其他包的正常下载以及业务都能正常使用,当然需要再业务代码中对这个包的是否存在已经做了降级判断处理。需要注意的是该配置会覆盖dependencies...原创 2021-11-09 18:17:58 · 1468 阅读 · 0 评论 -
npm peerDependencies 的使用
peerDependencies 配置的是当前包被安装后需要以来宿主环境必须安装的包。如果没有,会有警告。使用场景比如我们想给webpack 写一个plugin插件包,我们知道这个plugin 只是满足兼容webpack 某个版本。且这个包在被安装使用的时候肯定是配合必须要安装指定版本的webpack。所以我们可以通过配置peerdependencies来告诉使用环境。当前的包是需要宿主有某个包的,否则会警告。如果在自己项目里配置peerDependencies,在npm install 的时候pe原创 2021-11-09 18:12:32 · 3166 阅读 · 0 评论 -
devDependencies 和 Dependencies 的区别
安装的命令区别npm install react --savenpm install eslint --save-dev使用场景如果是自己项目中使用,其实没有什么本质区别,每次执行npm install都要全部安装,不管你的依赖是在dependencies 还是在 devDependencies。一般是在业务代码里必须使用到的,放在dependencies ,如果是babel类 eslint 或者proxy这类只是为了辅助构建或者调试类的,不参与实际项目代码业务逻辑的包,丢在devDepen原创 2021-11-09 18:06:21 · 617 阅读 · 0 评论 -
webpack 源码阅读(二):webpack 打包基本原理和过程详解
上一篇讲了webapck如何启动的,像是我们按下了电脑开机按钮,开机完了后,电脑就要开始做各种预先加载工作。等这些加载就绪后,才会开始做一系列的打包工作。本文将讲解webpack准备工作的大致流程:初始化 plugins读取loader这里需要提醒,如果你对tapable的机制还不熟悉,查看tapable如果你也不知道webpack启动执行机制,查看webpack启动上一篇我们探索到compiler执行run 操作。从compiler 开始,webpack正式开始了它的打包之路。compile原创 2020-10-30 19:09:39 · 834 阅读 · 0 评论 -
webpack 源码阅读(一):webpack 启动
本文开始将深入探索webpack的工作细节。如果你也是第一次尝试了解细节,建议先看另外一篇文章tapable的用法,这个小小的库将贯穿整个webpack的始终。调度着各种模块构建有条不紊的进行。本篇我们探索当我们执行webapck 命令后发生了什么?新建一个文件夹npm i -D webpacknpm i -D webpack-cli新建一个webpack.config.js 文件先忽略大部分配置细节,只配置一个入口文件module.exports = { entry: './ind原创 2020-09-10 01:44:06 · 741 阅读 · 0 评论 -
npm 命令功能整理(最全)
本文对npm中所有的命令的基本功能进行整理,记录,具体功能使用可查看npm自带文档。npm -l 查看所有命令的用例信息npm help 查看某个命令的帮助信息npm help-search 在帮助文档中查找包含关键词的文档列表npm -h 查看某个命令的用法npm root [-g] 查看本地或者全局node-module目录的位置npm ping 验证registry的连...原创 2019-10-20 00:12:45 · 3254 阅读 · 1 评论