03-node.js & webpack

1. Node.js

浏览器和node区别

1.1 Node.js安装

1.2 使用Node.js

1.3 fs模块-读写文件

1.4 path模块-路径处理

1.5 压缩代码

前端html

js代码

1.6 URL端口号

• 统一资源定位符，简称网址，用于访问网咯上的资源
• 端口号：标记服务器里对应的服务程序（0-65535的整数）
• 80是http默认端口
• web程序：一个程序，用于提供网上信息浏览功能
• 注意：0-1023和一些特定端口号被占用，我们自己编写服务请避开使用

1.7 创建web服务

web服务支持中文

2. 模块化 & 导入 & 导出

2.1 CommonJS标准

2.2 ECMAScript标准-默认导出和导入

2.3 ECMAScript标准-命名导出和导入

3. 包

将模块、代码、其他资料聚合成一个文件夹

4. npm

软件包管理器

安装所有的依赖

4.1 全局软件包nodemon

5. node.js总结

模块

包

常用命令

6. Express

使用

7. 浏览器同源策略

7.1定义

源

7.2 跨域

7.2.1 解决方案-CORS

后端web服务书写

7.2.2 解决方案-同源访问

8 webpack

定义

webpack优点

使用

8.1 修改webpack打包入口和出口

打包入口和出口

8.2 自动打包html文件

插件：html-webpack-plugin

8.3 打包css文件

插件：css-loader、style-loader

8.4 打包less文件

点击less-loader

8.5 打包图片

资源模块

8.6 babel编译器

babel-loader

8.7 webpack开发服务器

8.8 打包模式

8.9 开发环境调错 - source map

8.10 解析别名 - alias