Node.js? ?npm

什么是Node.js? 以及npm

简单的来说 Node.js 就是运行在服务端的JavaScript，基于Chrome V8 引擎的。

npm 是Node.js 的包管理工具。

npm的安装和更新

Node.js下载安装? ?Node.js 官网下载安装。npm自带的包管理工具。

查看安装版本信息：

　　--? node -v? 查看Node.js 版本信息

　　--? npm -v? 查看npm版本信息

更新npm到指定版本：

　　--? npm install npm@5.3.0 -g

　　-- npm install npm@latest -g 更新最新的稳定版本

npm 常用操作

之前我们用JQuery或者Bootstrap用cdn 或者直接手动下载并放入项目，而且要管理版本。

有了npm，我们管理自己的依赖包以及版本更加简单。

到自己项目目录下，进行以下命令：

　　-- npm init -y? ? 输入-y使用默认配置项 生成package.json文件。

　　-- npm i jquery@0.0.0? ?简写install 为 i 下载依赖? 不写@ 默认最新版本

　　-- npm uninstall jquery? 卸载依赖包

　　-- npm update jquery? ?更新依赖包

　　-- npm list? 列出已安装的依赖

　　-- npm install webpack --D 保存为开发环境依赖

　　-- 老版本需要 --save 参数 现在不需要了

我们的项目目录下会生成一个 node_modules 目录，我们用npm下的包会在这个目录下。

我们所有的依赖信息放在package.json文件中，包括我们所有的依赖以及版本。

如果我们删掉 node_modules目录，可以使用 npm i? 来下载所有依赖。

npm 常用配置项

当我们用npm init 的时候用了参数 -y，如果不用-y我们可以进行一些配置。

在我们的package.json文件中有很多配置项

　　-- name? 项目名字 中间不能有空格只能用小写

　　-- version? 项目版本

　　-- description? ?项目描述信息

　　-- main? 项目的入口文件

　　-- scripts 指定命令的快捷方式 npm run test? ? ?test是scripts里的键名 值为具体命令

　　-- author 作者

　　-- license? 许可证

　　-- dependencies? 生成环境依赖的包以及版本信息

　　-- devDependencies? 开发环境的依赖

webpack

webpack3

webpack是什么

webpack是一个模块打包器，它将根据模块的依赖关系进行静态分析，

然后将这些模块按照指定的规则生成静态资源。

那么，我们为什么要用这个东西呢~~因为前端的包袱太多，历史遗留问题太重~~~脑补吧......

安装和配置

webpack是跑在Node.js环境下的，所以确定自己有node环境。

安装方式：

　　-- npm install webpack -g? 全局安装

　　-- webpack? <要打包文件>? <打包后文件>? ? ?全局这种方式进行打包

　　-- npm install webpack? ?在自己的项目下 npm init 后在下载webpack 这就是局部安装

　　-- node_modules/.bin/webpack?<要打包文件>? <打包后文件>? ?项目里要打包文件是入口文件

　　-- 路径太长 太烦 可以自定义命令? 在package.json 文件的 scripts下面自定义

entry 和 output

entry 入口文件? output 出口文件

上面我们自定义命令的时候 命令太长了~~而且我们命令太多的时候我们需要每次都自定义多条命令~~

我们可以把命令写在webpack.config.js文件中~~