关于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,是全球最大的开源库生态系统。