1. nodejs介绍

nodejs是一个JavaScript运行环境，让JS可以具备后端编程的能力，可以操作数据库、文件、网络等等

2. nodejs安装

官网下载安装包：https://nodejs.cn/download/

安装：一路下一步

测试： node -v

3. DOS命令

3.1 打开DOS命令行

方式一：win+R 打开运行框，输入 cmd + 回车

方式二：在开始菜单点鼠标右键，选择 window powershell

方式三：【重点】找到指定的目录，在地址栏输入 cmd + 回车

3.2 常用DOS命令

cd 切换目录

dir 展示当前目录下的文件和文件夹

c: 切换盘符

cls 清空屏幕

快捷键：Ctrl+C 中断执行，Enter复制，上方向键 上翻，下方向键 下翻

4. nodejs模块化

4.1 模块运行

node js文件名.js

4.2 什么是模块化？

模块：一个文件就是一个模块，模块与模块之间可以相互依赖

模块化：模块化是编程的一种思想，让程序员写的功能封装在文件的内部，避免造成全局污染，模块与模块之间可以暴露和引入。在node.js中，所有程序员写的代码都封装在函数内部运行，传入五个参数 exports require module.exports __filename __dirname

4.3 模块化实现

创建子模块 sub.js

//暴露对象
module.exports = {
    username: 'admin',
    password: '123456',
    login: function () {
        console.log('登陆成功');
    }
}

创建主模块 index.js

//引入子模块
let obj = require('./sub.js');
console.log(obj);

5. npm【重点】

5.1 什么是npm？

npm是node.js的包管理工具，用于安装、卸载node.js的各种扩展包

官方网站：www.npmjs.com

5.2 package.json

package.json就是node.js的包描述文件，用于描述当前项目的信息

创建包描述文件

npm init //一个一个去确认
npm init -y //自动确认

package.json的重要字段：

name 包的名字，项目名称，不要用中文

scripts 可执行脚本命令

dependencies 运行依赖，项目上线后依然需要该依赖

devDependecies 开发依赖，项目在开发过程中需要的依赖

5.3 npm命令【重点】

本地安装（局部安装），将模块安装到当前项目中的 node_modules 目录下

npm init  //创建package.json文件
npm i 模块名  //安装指定的模块（包），默认装到运行依赖
npm i 模块名 -D  //安装到开发依赖
npm i 模块名@版本号  //安装指定版本的模块
npm i  //安装package.json中记录的所有依赖

全局安装，将模块安装在 C:\Users\用户名\AppData\Roaming\npm 目录下，一般命令才需要全局安装

npm i 模块名 -g

删除模块，自动删除package.json中的记录

npm remove 模块名

6. yarn命令【重点】

安装yarn命令

npm i yarn -g

yarn命令

//本地安装
yarn add 模块名
yarn add 模块名 -D
yarn add 模块名@版本号
yarn

//删除模块
yarn remove 模块名

//全局安装
yarn global add 模块名

7. webpack打包工具

7.1 什么是webpack？

webpack是前端资源打包工具，可以将所有的前端资源打包成静态资源

7.2 webpack的五大核心

入口 entry ：要打包的源文件

出口 output：打包生成的文件放在哪里

加载器 loader：用于配置webpack内核处理不了的文件，用加载器去处理

插件 plugins：webpack官方开发了一些扩展功能，以插件形式存在

模式 mode：开发模式（开发过程中用的资源**.js）和生产模式（上线环境中用的资源**.min.js ）

7.3 webpack的基本用法

第1步：创建项目，创建包描述文件package.json

npm init -y //创建包描述文件

第2步：安装webpack

npm i webpack@5.12.0 -D //安装指定版本的webpack
npm i webpack-cli@4.5.0 -D //安装webpack-cli

第3步：创建webpack配置文件，文件名 webpack.config.js

第4步：创建示例文件 src/index.js

第5步：配置webpack打包参数

module.exports = {
    //入口
    entry: './src/index.js',

    //出口
    output: {
        filename: 'bundle.js', //打包生成的文件名
        path: __dirname + '/dist'
    },

    //加载器
    module: {
        //..加载器规则
    },

    //插件
    plugins: [
        //插件数据
    ],

    //模式 development开发模式 production生产模式
    mode: 'development',
}

第6步：修改package.json，添加打包命令

"scripts": {
    "build": "webpack"
},

第7步：执行命令，开始打包

yarn build
npm run build