关于Node和Chrome之间的关系

简介: 一、创建基本的webpack4.x项目二、Node支持特性

关于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选项,可选的值为develepmentproduction

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

相关文章
|
Web App开发 JavaScript 前端开发
关于 Node 和 Chrome 之间的关系|学习笔记
快速学习关于 Node 和 Chrome 之间的关系
187 0
|
Web App开发 JavaScript 开发者
nodejs --inspect-brk结合Chrome开发者工具的调试
命令行 node --inspect-brk 启动nodejs应用:
nodejs --inspect-brk结合Chrome开发者工具的调试
|
Web App开发 JavaScript 开发者
nodejs --inspect-brk结合Chrome开发者工具的调试
命令行 node --inspect-brk 启动nodejs应用:
nodejs --inspect-brk结合Chrome开发者工具的调试
|
Web App开发 JavaScript 前端开发
Node.js 应用故障排查手册 —— 正确打开 Chrome devtools
前面的预备章节中我们大致了解了如何在服务器上的 Node.js 应用出现问题时,从常规的错误日志、系统/进程指标以及兜底的核心转储这些角度来排查问题。这样就引出了下一个问题:我们知道进程的 CPU/Memory 高,或者拿到了进程 Crash 后的核心转储,要如何去进行分析定位到具体的 JavaScript 代码段。
1935 0
|
Web App开发 JavaScript 前端开发
[译] 在 Chrome 开发者工具中调试 node.js
本文讲的是[译] 在 Chrome 开发者工具中调试 node.js,该工具基于 Electron 将 Node.js 和 Chromium 的功能融合在了一起。它的目的在于为调试、分析和开发 Node.js 应用程序提供一个简单的界面。
1817 0
|
2天前
|
JavaScript
NodeJs的安装
文章介绍了Node.js的安装步骤和如何创建第一个Node.js应用。包括从官网下载安装包、安装过程、验证安装是否成功,以及使用Node.js监听端口构建简单服务器的示例代码。
NodeJs的安装
|
17天前
|
SQL JavaScript 数据库
sqlite在Windows环境下安装、使用、node.js连接
sqlite在Windows环境下安装、使用、node.js连接
|
13天前
|
JavaScript Linux 开发者
一个用于管理多个 Node.js 版本的安装和切换开源工具
【9月更文挑战第14天】nvm(Node Version Manager)是一个开源工具,用于便捷地管理多个 Node.js 版本。其特点包括:版本安装便捷,支持 LTS 和最新版本;版本切换简单,不影响开发流程;多平台支持,包括 Windows、macOS 和 Linux;社区活跃,持续更新。通过 nvm,开发者可以轻松安装、切换和管理不同项目的 Node.js 版本,提高开发效率。
|
1月前
|
缓存 JavaScript 安全
2022年最新最详细的安装Node.js以及cnpm(详细图解过程、绝对成功)
这篇文章提供了2022年最新最详细的Node.js和cnpm安装教程,包括步骤图解、全局配置路径、cnpm安装命令、nrm的安装与使用,以及如何管理npm源和测试速度。
2022年最新最详细的安装Node.js以及cnpm(详细图解过程、绝对成功)