node.js语法以及npm、webpack打包

---

个人blog-1： 拾忆生活
个人blog-2： 极简-拾忆生活
欢迎大家来踩，同步更新

---

异步编程的直接体现就是回调,处理大量的并发请求
一边读取文件，一边执行其他命令，在文件读取完成后，我们将文件内容作为回调函数的参数返回。这样在执行代码时就没有阻塞或等待文件 I/O 操作

cmd（npm、node.js）

允许用户从NPM服务器下载别人编写的第三方包到本地使用。
允许用户从NPM服务器下载并安装别人编写的命令行程序到本地使用。
允许用户将自己编写的包或命令行程序上传到NPM服务器供别人使用。

1.查看版本

node-v
npm -v

2.npm 命令来升级

sudo npm install npm -g
npm install npm -g

---

在E:\webpack-demo新建文件如webpack-test并进入
cd E:\webpack-demo\webpack-test

3.创建一个新的本地项目目录名为webpack-demo

mkdir webpack-test

4.进入目录

cd webpack-test

5.安装webpack

(安装最新版本) + webpack@4.41.6
npm install --save-dev webpack
(安装你需要的版本)
npm install --save-dev webpack@3.12.0

6.安装webpack-cli + webpack-cli@3.3.11

npm install --save-dev webpack-cli

7.引入依赖（打包）

• 安装一个要打包到生产环境的安装包
  使用 npm install --save
• 安装一个用于开发环境的安装包（例如，linter, 测试库等）
  使用 npm install --save-dev

例子

要在 index.js 中打包 lodash 依赖，我们需要在本地安装 library：
(注意更改package.json不要有//之类的注释)
npm install --save lodash

8.更新 index.html 文件

现在，由于通过打包来合成脚本，我们必须更新 index.html 文件。
因为现在是通过 import 引入 lodash，所以将 lodash <script> 删除，
然后修改另一个 <script> 标签来加载 bundle，而不是原始的 /src 文件：

9.将我们的脚本作为入口起点

npx webpack
然后输出为 main.js

10.删除

1.删除全局webpack-cli
npm uninstall -g webpack-cli
2.删除全局webpack
npm uninstall -g webpack
3.删除本地（局部）webpack-cli
npm uninstall webpack-cli
4.删除本地webpack
npm un webpack
5.检查webpack残余文件
rm -rf node_modules package-lock.json package.json

---

1.创建package.json文件

//1.手动输  
npm init  
//2.自动建立package.json(-y 的含义:在init的时候省去了敲回车的步骤，少用)  
npm init -y
会出现warn警告1：
No description: 这个警告是说这个项目的描述为空
会出现warn警告2：
No repository field：这个警告就是说git仓库字段没有设置
可以添加
{
    ....
    "scripts": {
        "test": "echo \"Error: no test specified\" && exit 1"
      },
     "private": true, #加这个声明私有
    "author": "xxxx",
    ....
}

Package.json属性说明:位于 node_modules/express/package.json 内容

name            包名。
version         包的版本号。
description     包的描述。
homepage        包的官网 url 。
author          包的作者姓名。
contributors    包的其他贡献者姓名。
dependencies    依赖包列表。如果依赖包没有安装，npm 会自动将依赖包安装在 node_module目录下。
repository      包代码存放的地方的类型，可以是 git 或 svn，git 可在 Github 上。
main            指定了程序的主入口文件，require('moduleName') 就会加载这个文件。这个字段的默认值是模块根目录下面的 index.js。
keywords        关键字

2.安装模块【可以通过 require() 来引入本地安装的包】

npm install <Module Name模块名> (本地安装)
npm install <Module Name模块名> -g (全局安装)
//express 包就放在了工程目录下的 node_modules 目录中
安装：npm install express
调用：var express = require(‘express’);

注：

我自己在项目的本地总共安装了这些
npm install express             //路由、HTTP帮助程序（重定向，缓存等）
npm install fs                  		//文件
npm install http               	 	//开发HTTP服务器程序
npm install url                		 //解析URL
npm install path                	//处理本地文件目录
npm install http-server
npm install crypto              	//提供通用的加密和哈希算法
npm install stream              //提供的仅在服务区端可用的模块,支持“流”这种数据结构
npm install steam

3.查看、卸载、更新、搜索模块

（以express模块举例）
查看所有全局安装的模块：
npm list -g
查看某个模块的版本号：
npm list express
卸载模块
npm uninstall express
卸载后，你可以到 /node_modules/ 目录下查看包是否还存在
npm ls
更新模块
npm update express
搜索模块
npm search express
启动模块
npm start xxx
停止模块
npm stop xxx