Webpack 安装使用（详细步骤），2024年最新面试web前端开发自我介绍怎么写

先自我介绍一下，小编浙江大学毕业，去过华为、字节跳动等大厂，目前阿里P7

深知大多数程序员，想要提升技能，往往是自己摸索成长，但自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！

因此收集整理了一份《2024年最新Web前端全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友。

既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，涵盖了95%以上前端开发知识点，真正体系化！

由于文件比较多，这里只是将部分目录截图出来，全套包含大厂面经、学习笔记、源码讲义、实战项目、大纲路线、讲解视频，并且后续会持续更新

如果你需要这些资料，可以添加V获取：vip1024c （备注前端）

正文

1、安装 webpack

// 安装

$ npm install webpack -g

// 移除

$ npm uninstall webpack -g

dengzemiaodeMacBook-Pro:~ dengzemiao$ npm install webpack -g

npm WARN deprecated fsevents@1.2.13: fsevents 1 will break on node v14+ and could be using insecure binaries. Upgrade to fsevents 2.

/usr/local/bin/webpack -> /usr/local/lib/node_modules/webpack/bin/webpack.js

fsevents@1.2.13 install /usr/local/lib/node_modules/webpack/node_modules/watchpack-chokidar2/node_modules/fsevents

node install.js

SOLINK_MODULE(target) Release/.node

CXX(target) Release/obj.target/fse/fsevents.o

SOLINK_MODULE(target) Release/fse.node

npm WARN notsup Unsupported engine for watchpack-chokidar2@2.0.0: wanted: {“node”:“<8.10.0”} (current: {“node”:“12.9.1”,“npm”:“6.13.0”})

npm WARN notsup Not compatible with your version of node/npm: watchpack-chokidar2@2.0.0

• webpack@4.43.0

added 347 packages from 210 contributors and updated 1 package in 38.597s

2、安装 webpack-cli，webpack 现在新版本需要依赖于这个脚手架。

// 安装

$ npm install webpack-cli -g

// 移除

$ npm uninstall webpack-cli -g

dengzemiaodeMacBook-Pro:~ dengzemiao$ npm install webpack-cli -g

/usr/local/bin/webpack-cli -> /usr/local/lib/node_modules/webpack-cli/bin/cli.js

npm WARN webpack-cli@3.3.12 requires a peer of webpack@4.x.x but none is installed. You must install peer dependencies yourself.

• webpack-cli@3.3.12

added 185 packages from 127 contributors in 20.243s

3、检查是否安装

// 查看帮助

$ webpack -h

// 查看版本

$ webpack -v

dengzemiaodeMacBook-Pro:~ dengzemiao$ webpack -v

4.43.0

到这里就安装成功了！！

React

• 介绍一下react

• React单项数据流

• react生命周期函数和react组件的生命周期

• react和Vue的原理，区别，亮点，作用

• reactJs的组件交流

• 有了解过react的虚拟DOM吗，虚拟DOM是怎么对比的呢

• 项目里用到了react，为什么要选择react，react有哪些好处

• 怎么获取真正的dom

• 选择react的原因

• react的生命周期函数

• setState之后的流程

• react高阶组件知道吗？

• React的jsx，函数式编程

• react的组件是通过什么去判断是否刷新的

• 如何配置React-Router

• 路由的动态加载模块

• Redux中间件是什么东西，接受几个参数

• redux请求中间件如何处理并发

网上学习资料一大堆，但如果学到的知识不成体系，遇到问题时只是浅尝辄止，不再深入研究，那么很难做到真正的技术提升。

需要这份系统化的资料的朋友，可以添加V获取：vip1024c （备注前端）

一个人可以走的很快，但一群人才能走的更远！不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！
的技术提升。**

需要这份系统化的资料的朋友，可以添加V获取：vip1024c （备注前端）
[外链图片转存中…(img-zDmorcQl-1713409826910)]

一个人可以走的很快，但一群人才能走的更远！不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！