工程化(webpack)

59 阅读2分钟

说说你对前端工程化的理解?为什么要工程化

与webpack类似的工具还有哪些?区别?(年份产出)

webpack介绍

webpack的配置有哪些

webpack核心原理 / webpack做了什么

webpac的生命周期/构建流程(高频)

webpack打包的整个过程

webpack如何优化编译速度/webpack打包优化

webpack如何减少打包后的体积代码?(高频)

webpack怎么实现多入口分模块打包

webpack proxy工作原理?为什么能解决跨域

打包时Hash码是怎么生成的

随机值存在一样的情况,如何避免

如何对相对路径引用进行优化

webpack和vite的区别都有哪些, 分别适用于什么样的情形

webpack和vite快在哪里?

使用webpack构建时有无做一些自定义操作

什么是长缓存?在webpack中如何做到长缓存优化?

什么是bundle,是什么chunk,什么是module?

webpack如何确定依赖引用顺序

externals

Chunkhash和Contenthash区别

多页面打包是什么,如何实现

文件监听是什么,怎么用,原理是什么

按需加载如何实现,原理是什么(高频)

AMD和CMD

介绍模块化发展历程

常用的loader/用过哪些loader

loader的执行顺序为什么是后写的先执行

webpack如何配sass,需要配哪些loader

postcss配置

如何配置把js、css、html单独打包成一个文件

loader和plugin有什么区别(高频)

webpack的plugins和loaders的实现原理( webpack里面的插件是怎么实现的) x4(高频)

写过webpack loader吗

如何编写loaders和plugins

常用的plugins

webpack热更新(HMR)原理(高频)

什么是code spliting?原理

什么是tree shaking?原理?如何实现

dev-server是怎么跑起来?原理

babel概念及原理

SourceMap 原理(高频)

如何对bundle体积进行监控和分析## 文件指纹是什么?怎么用?

文件指纹是什么?怎么用?

为什么pnpm比npm快

npm install的执行过程

npm run start 的整个过程

eslint概念以及原理

package.json文件中的devDependdencies和dependdencies对象有什么区别

什么是CI/CD

文件监听的原理

Mainfest 文件是什么,有什么用