![](https://img-blog.csdnimg.cn/b2fd3fe489294e388bc2ea8cc56ce8c3.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
工程化
文章平均质量分 86
webpack的一些原理和一些常温面试题
鋜斗
在积累中沉淀,在历练中成长
展开
-
推荐一个基于react+ts+vite的二次开发中后台框架
hello world欢迎来到前端的新世界react.js🐱👓博主在前端领域还有很多知识和技术需要掌握,正在不断努力填补技术短板。您的观看就是作者创作的动力(本人不是作者,如有侵权请联系删除)登录页详情页权限管理结果页。原创 2024-05-29 10:53:33 · 416 阅读 · 0 评论 -
Webpack的ts的配置详细教程
webpack中如何配置ts相关的文件的适配和一些ts相关的配置 在webpack.json中怎么配置原创 2023-11-30 22:06:22 · 514 阅读 · 0 评论 -
Webpack ECMAScript 模块
默认情况下,webpack 将自动检测文件是 ESM 还是其他模块系统。Node.js 通过设置 package.json 中的属性来显式设置文件模块类型。 在 package.json 中设置 "type": "module" 会强制 package.json 下的所有文件使用 ECMAScript 模块。 设置 "type": "commonjs" 将会强制使用 CommonJS 模块。原创 2023-11-30 17:24:20 · 196 阅读 · 0 评论 -
Webpack 懒加载
代码分离 中的例子基础上,进一步做些调整来说明这个概念。那里的代码确实会在脚本运行的时候产生一个分离的代码块 lodash.bundle.js ,在技术概念上“懒加载”它。问题是加载这个包并不需要用户的交互 - 意思是每次加载页面的时候都会请求它。这样做并没有对我们有很多帮助,还会对性能产生负面影响。我们试试不同的做法。我们增加一个交互,当用户点击按钮的时候用 console 打印一些文字。但是会等到第一次交互的时候再加载那个代码块(print.js)。为此,我们返回到代码分离的例子中,把 lodash原创 2023-11-30 11:05:28 · 90 阅读 · 0 评论 -
Webpack 生产环境
webpackCLI 替代选项上述许多选项都可以通过命令行参数进行设置。例如, optimize-minimize 可以使用 --optimization-minimize 进行设置,mode 可以使用 --mode 进行设置。运行 npx webpack --help=verbose 可以查看所有关于 CLI 的可用参数。虽然这种简写方式很有用处,但我们还是建议通过 webpack 配置文件的方式进行使用,这样可以提高可配置能力。原创 2023-11-30 10:38:06 · 202 阅读 · 0 评论 -
webpack开发环境
webpack的开发模式的watch mode你可以指示 webpack "watch" 依赖图中所有文件的更改。如果其中一个文件被更新,代码将被重新编译,所以你不必再去手动运行整个构建。我们添加一个用于启动 webpack watch mode 的 npm scripts:原创 2023-11-30 09:37:47 · 277 阅读 · 0 评论 -
webpack的安全保障是怎么做的?
webpack是怎么做安全保障的?原创 2023-11-16 16:23:06 · 917 阅读 · 0 评论 -
面试官:【webpack和vite的区别?vite一定比webpack快吗?vite的缺点是什么?webpack的热更新和vite的热更新区别?】
webpack和vite的区别?vite一定比webpack快吗?vite的缺点是什么?webpack的热更新和vite的热更新区别?webpack是用的node.js来实现的,node.js支持的生态库更多,前后端的一致性比较高,对于异步编程有着很好的支持,node.js的跨平台性比较好,在window,Mac,和linux等不同操作系统上都可以运行原创 2023-11-14 11:20:01 · 710 阅读 · 0 评论