前言:
总结了一些npm的相关知识点,这是我们搞前端必须要知道的知识点,现在分享给大家!
什么是npm
- npm是一个包管理工具,用于快速分享和复用第三方提供的js代码
什么是package.json
- 在项目开发过程中,我们如果需要依赖一些第三方代码或者框架,那么我们项目中需要详细记录一下我们用到的代码或者库的清单,目的在于项目在别处运行的时候,系统可以根据清单来下载运行项目所需要的代码和库文件。
如何生成package.js
npm init //需要进行其他的配置,定制化程度较高
mpn init -y //快速生成package.json,傻瓜式操作,一键生成
{
"name": "webpack_code",
"version": "1.0.0",
"description": "",
"main": "index.js",
"scripts": {
"test": "echo \"Error: no test specified\" && exit 1"
},
"author": "",
"license": "ISC",
"devDependencies": {
"css-loader": "^4.2.2",
"less": "^3.12.2",
"less-loader": "^7.0.1",
"style-loader": "^1.2.1",
"webpack": "^4.44.1",
"webpack-cli": "^3.3.12"
}
}
name -- 包名.
version -- 包版本号。
description - -包描述。
author - -作者
dependencies / devDependencies -- 生产/开发环境依赖包列表。它们将会被安装在 node_module 目录下。
main - -main 字段指定了程序的主入口文件
license--授权方式
npm 安装第三方包输入命令的注意点
- npm i moduleName 或者 npm install moduleName
-
- 安装模块到项目node_modules目录下
- 不会将模块依赖写入devDependencies或dependencies 节点
- 运行 npm install 初始化项目时不会下载模块
- npm i module_name -S 或者 npm install module_name --save
-
- 安装模块到项目node_modules目录下
- 写入到 dependencies 对象
- 运行 npm install 初始化项目时,会将模块下载到项目目录下
- npm i module_name -D 或者 npm install module_name --save-dev
-
- 安装模块到项目node_modules目录下
- 写入到 devDependencies 对象
- 运行 npm install 初始化项目时,会将模块下载到项目目录下
- npm i module_name -g 或者 npm install module_name -g
-
- 安装模块到全局中,不会在项目的node_modules中保存
- 不会将模块依赖写入devDependencies或dependencies 节点
- 运行 npm install 初始化项目时不会下载模块
- devDependencies 和 dependencies 对象有什么区别
-
- devDependencies 里面的插件只用于开发环境,不用于生产环境,如 gulp,压缩css文件和js文件的模块,这些文件在项目部署以后,是不必要的。
- dependencies 是需要发布到生产环境的,如各种框架 Express,vue,各种其他的必要库 vuex,axios等等,在项目部署以后,运行时必要的。