工程化第2页 - 面试题库

工程化第2页

509浏览

0评论

有哪些常⻅的 Plugin？

define-plugin：定义环境变量html-webpack-plugin：简化 html⽂件创建uglifyjs-webpack-plugin：通过 UglifyES 压缩 ES6 代码webpack-para...

空空 / 工程化 / 2023-01-29

539浏览

0评论

有哪些常⻅的 Loader

file-loader：把⽂件输出到⼀个⽂件夹中，在代码中通过相对 URL 去引⽤输出的⽂件url-loader：和 file-loader 类似，但是能在⽂件很⼩的情况下以 base64 的⽅式把⽂件内容注⼊到代码中去source-map...

空空 / 工程化 / 2023-01-12

493浏览

0评论

webpack、rollup、parcel 优劣？

webpack 适⽤于⼤型复杂的前端站点构建: webpack 有强⼤的 loader 和插件⽣态,打包后的⽂件实际上就是⼀个⽴即执⾏函数，这个⽴即执⾏函数接收⼀个参数，这个参数是模块对象，键为各个模块的路径，值为模块内容。⽴即执⾏函数...

空空 / 工程化 / 2023-01-12

554浏览

0评论

webpack 与 grunt、gulp 的不同？

Grunt、Gulp 是基于任务运⾏的⼯具：它们会⾃动执⾏指定的任务，就像流⽔线，把资源放上去然后通过不同插件进⾏加⼯，它们包含活跃的社区，丰富的插件，能⽅便的打造各种⼯作流。Webpack 是基于模块化打包的⼯具: ⾃动化处理模块，...

空空 / 工程化 / 2023-01-12

470浏览

0评论

如何提⾼webpack 的构建速度？

1.多⼊⼝情况下，使⽤ CommonsChunkPlugin 来提取公共代码2.通过 externals 配置来提取常⽤库3.利⽤ DllPlugin 和 DllReferencePlugin 预编译资源模块通过...

空空 / 工程化 / 2023-01-12

501浏览

0评论

webpack 和 gulp 区别（模块化与流的区别）

gulp 强调的是前端开发的工作流程，我们可以通过配置一系列的 task，定义 task 处理的事务（例如文件压缩合并、雪碧图、启动 server、版本控制等），然后定义执行顺序，来让 gulp 执行这些 task，从而构建项目的整个前...

空空 / 工程化 / 2022-11-27

510浏览

0评论

如何写一个 babel 插件?

Babel 解析成 AST，然后插件更改 AST，最后由 Babel 输出代码那么 Babel 的插件模块需要你暴露一个 function，function 内返回 visitormodule.export = funct...

空空 / 工程化 / 2022-11-27

526浏览

0评论

Babel 的原理是什么

babel 的转译过程也分为三个阶段，这三步具体是： 1. 解析 Parse: 将代码解析生成抽象语法树( 即 AST )，即词法分析与语法分析的过程 2. 转换 Transform: 对于 AST 进行变换一系...

空空 / 工程化 / 2022-11-27

505浏览

0评论

webpack 用来干什么的

webpack 是一个现代 JavaScript 应用程序的静态模块打包器(module bundler)。当webpack 处理应用程序时，它会递归地构建一个依赖关系图(dependency graph)，其中包含应用程序需要的每个模...

空空 / 工程化 / 2022-11-13