2024年最全Webpack 安装使用（详细步骤），2024年最新面试前端工程师会问到那些问题

css

1，盒模型
2，如何实现一个最大的正方形
3，一行水平居中，多行居左
4，水平垂直居中
5，两栏布局，左边固定，右边自适应，左右不重叠
6，如何实现左右等高布局
7，画三角形
8，link @import导入css
9，BFC理解

js

1，判断 js 类型的方式
2，ES5 和 ES6 分别几种方式声明变量
3，闭包的概念？优缺点？
4，浅拷贝和深拷贝
5，数组去重的方法
6，DOM 事件有哪些阶段？谈谈对事件代理的理解
7，js 执行机制、事件循环
8，介绍下 promise.all
9，async 和 await,
10，ES6 的 class 和构造函数的区别
11，transform、translate、transition 分别是什么属性？CSS 中常用的实现动画方式,
12，介绍一下rAF(requestAnimationFrame)
13，javascript 的垃圾回收机制讲一下,
14，对前端性能优化有什么了解？一般都通过那几个方面去优化的？

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

// 移除

$ 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

到这里就安装成功了！！

---

• 如果安装中出现这种文件权限错误

npm ERR! Error: EACCES: permission denied, symlink ‘…/lib/node_modules/webpack/bin/webpack.js’ -> ‘/usr/local/bin/webpack’’

文末

篇幅有限没有列举更多的前端面试题，小编把整理的前端大厂面试题PDF分享出来，一共有269页

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

mg-blog.csdnimg.cn/img_convert/081b5236ebd9ff24af676bcd4a51c99e.png)

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】