npm及package.json详解

切换npm源:

npm config set registry https://registry.npm.taobao.org
# 查看是否注册成功
npm config get registry
# 显示https://registry.npm.taobao.org/的话就说明注册成功了

npm install参数:

-S(--save):下载的包加入dependencies 在npm5之后默认参数,不写-S或者--save也会加上 它比较重要,可以帮我们安装包的时候记录版本信息
-D(--save-dev):下载的包只在开发阶段加入,一般用于编译 在devDependencies中
-g(--global): 全局安装
--only=prod: 只安装生产环境的包(dependencies)
--only=dev: 只安装开发环境的包(devDependencies)

package.json详解:

{
  "name": "webpack_ts", // 包名称 install的时候后面接的就是这个 不能和npm仓库中出现重复的名字
  "version": "1.0.0", // 包的版本号
  "description": "", // 包描述 是干嘛用的 介绍等
  "main": "index.js", // 入口加载文件
  "scripts": { // 自定义脚本
    "dev": "cross-env NODE_ENV=development webpack-dev-server --config ./webpack.config.js",
    "build": "cross-env NODE_ENV=production webpack --config ./webpack.config.js"
  },
  "keywords": [], // 关键词
  "author": "", // 作者
  "license": "ISC", // 发行协议规范
  "devDependencies": { // 开发依赖
    "clean-webpack-plugin": "^4.0.0-alpha.0",
    "cross-env": "^7.0.3",
    "html-webpack-plugin": "^5.3.1",
    "ts-loader": "^9.2.1",
    "typescript": "^4.2.4",
    "webpack": "^3.8.0",
    "webpack-cli": "^4.7.0",
    "webpack-dev-server": "^2.9.7"
  },
  "dependencies": { // 生产依赖
    "koa": "^2.13.1" // 语义化版本号
  }
}

语义化版本号:

^version:中小版本
^2.13.1->在2.x.x中取最新的版本
~version:小版本
~2.13.1->在2.13.x中取最新的版本
version:指定版本
2.13.1->啥也不加就取当前写的版本

npm install的过程: