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

相关文章
|
2月前
|
Web App开发 JavaScript 前端开发
Node.js 是一种基于 Chrome V8 引擎的后端开发技术,以其高效、灵活著称。本文将介绍 Node.js 的基础概念
Node.js 是一种基于 Chrome V8 引擎的后端开发技术,以其高效、灵活著称。本文将介绍 Node.js 的基础概念,包括事件驱动、单线程模型和模块系统;探讨其安装配置、核心模块使用、实战应用如搭建 Web 服务器、文件操作及实时通信;分析项目结构与开发流程,讨论其优势与挑战,并通过案例展示 Node.js 在实际项目中的应用,旨在帮助开发者更好地掌握这一强大工具。
61 1
|
Web App开发
chrome调试node
chrome调试node
79 0
|
Web App开发 JavaScript 前端开发
关于 Node 和 Chrome 之间的关系|学习笔记
快速学习关于 Node 和 Chrome 之间的关系
208 0
|
Web App开发 JavaScript 前端开发
Node.js 应用故障排查手册 —— 正确打开 Chrome devtools
前面的预备章节中我们大致了解了如何在服务器上的 Node.js 应用出现问题时,从常规的错误日志、系统/进程指标以及兜底的核心转储这些角度来排查问题。这样就引出了下一个问题:我们知道进程的 CPU/Memory 高,或者拿到了进程 Crash 后的核心转储,要如何去进行分析定位到具体的 JavaScript 代码段。
1972 0
|
Web App开发 JavaScript 前端开发
[译] 在 Chrome 开发者工具中调试 node.js
本文讲的是[译] 在 Chrome 开发者工具中调试 node.js,该工具基于 Electron 将 Node.js 和 Chromium 的功能融合在了一起。它的目的在于为调试、分析和开发 Node.js 应用程序提供一个简单的界面。
1830 0
|
19天前
|
JavaScript
nodejs安装之npm ERR! code CERT_HAS_EXPIREDnpm ERR! errno CERT_HAS_EXPIRED reason: certificate has expired-证书错误通用问题解决方案-优雅草央千澈
nodejs安装之npm ERR! code CERT_HAS_EXPIREDnpm ERR! errno CERT_HAS_EXPIRED reason: certificate has expired-证书错误通用问题解决方案-优雅草央千澈
|
2月前
|
Web App开发 JavaScript 前端开发
2024年5月node.js安装(winmac系统)保姆级教程
本篇博客为2024年5月版Node.js安装教程,适用于Windows和Mac系统。作者是一名熟悉JavaScript与Vue的大一学生,分享了Node.js的基本介绍、下载链接及简单安装步骤。安装完成后,通过终端命令`node -v`验证版本即可确认安装成功。欢迎关注作者,获取更多技术文章。
39 2
2024年5月node.js安装(winmac系统)保姆级教程
|
2月前
|
存储 JavaScript 搜索推荐
Node框架的安装和配置方法
安装 Node 框架是进行 Node 开发的第一步,通过正确的安装和配置,可以为后续的开发工作提供良好的基础。在安装过程中,需要仔细阅读相关文档和提示,遇到问题及时解决,以确保安装顺利完成。
153 2

热门文章

最新文章