NodeJS及项目工程化笔记

1、为什么学习node?

如今的前端是一个工程,实现这个工程是在node的基础上。在工程里写的vue和react代码,是无法在浏览器上运行,需要通过webpack这样的工具进行代码转译为能在浏览器中运行的代码。
webpack是用node进行实现的,学习node是为了更好的了解前端工程化,不是为了写后端。
引导到npm和webpack打包工具

2、node如何做版本的升级?为什么使用nvm?

为什么要进行升级

webpack在进行打包的时候,依赖于node的API,想让打包速度提高就可以升级node版本进行。

如何进行升级

如果直接升级node就会只有一个版本的node,会影响之前开发的项目。
用nvm,使用nvm可以在电脑中保存多个版本的node。

3、模块化的差异,AMD、COMMONJS、ESMODULE

AMD依赖前置

define(['a','b'],funtion(a,b){
	
})
//后边的a,b可以改变,比如改为
define(['c','b'],function(a,b){
)
//后边不用改变

commonJS和AMD是动态引入模块可以写进if/else。require
ESmodule是静态引入,不可以写入if/else,引入必须得写在前边。import
webpack中用ESmodule,webpack中有个依赖图谱,只有是import的语法静态引入才可以分析出项目中的依赖结构,帮助快速的打包,

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值