开发者学堂课程【React 入门与实战:关于 Node 和 Chrome 之间的关系】学习笔记,与课程紧密联系,让用户快速学习知识。
课程地址:https://developer.aliyun.com/learning/course/585/detail/8078
关于 Node 和 Chrome 之间的关系
目录:
一、 创建基本的 webpack4.x 项目
二、 Node 支持特性
一、 创建基本的 webpack4.x 项目
1. 运行 npm init -y 快速初始化项目
2. 在项目根目录创建 src 源代码目录和 dist 产品目录
3.在 src 目录下创建 |index.html
4.使用 cnpm 安装 webpack ,运行 cnpm i webpack webpack-cli -D
如何安装 |cnpm: 全局运行 npm i cnpm -g
5.注意: webpack 4.x 提供了约定大于配置的概念;目的是为了尽量减少配置文件的体积;
(1)默认约定了
(2)打包的入口是 src-> index.js。
(3)打包的输出文件是 dist ->main.js
(4)4. x 中新增了 mode 选项,可选的值为 develepment 和 production
mode 选项是必须选项
//向外暴露一个打包的配置对象;
//因为 webpack 是基于 Node 构建的; 所以 webpack 支持所有 Node API 和语法
// module . exports ={
Mode:‘‘development’//development production
//在 webpack 4.x 中,有一个很大的特性,就是约定大于配置约定,默认的打包入口路径是
sxc -> index. js
}
//Es6 中向外导出模块的 API 与之对应的是 import **from ‘标识符’
export default {
}
在 node 要写一个文件,要用 node 去执行,node 里面不支持 export default()和import ** from’标识符’,所以 webpack 也不支持。
二、Node 支持特性
//那些特性 Node 支持呢?
如果 chrome 浏览器支持哪些特性,则 Node 就支持哪些特性;
Node要跟着 chrome 浏览器领走,因为 node 里面有一个解析器是由 chrome 浏览器发出来的。
node的含义:
1、Node.js 是一个基于 chrome V8 引擎的 javaScript 运行环境。(比如谷歌浏览器里面有一个 v8 引擎来解析 js 代码,而 node 很方便,他直接把 chrome 里的 V8 引擎拿出来在 node 里面去使用)如果谷歌浏览器支持哪些新的特性,那么 node 也会去支持,如果 chrome 不支持哪些特性,那么 node 也是不能用的,两者之间是有关联的。
2、Node.js 使用了一个事件驱动、非阻塞式 I/O 的模型,使其轻量又高校。
3、Node.js 的包管理器 npm,是全球最大的开源库生态系统。