![](https://img-blog.csdnimg.cn/direct/6d7bf772b51e4e588fee7da18e9e4d5a.jpeg?x-oss-process=image/resize,m_fixed,h_224,w_224)
webpack
文章平均质量分 83
webpack
小白探索世界欧耶!~
一名平平无奇的女大学生!
于2023年~痛失学生优惠特权 :(
展开
-
webpack面试题学习
说说你对webpack的理解?解决了什么问题?说说webpack的构建流程?说说webpack中常见的Loader?解决了什么问题?说说webpack中常见的Plugin?解决了什么问题?说说Loader和Plugin的区别?编写Loader,Plugin的思路?说说webpack的热更新是如何做到的?原理是什么?说说webpack proxy工作原理?为什么能解决跨域?说说如何借助webpack来优化前端性能?如何提高webpack的构建速度?与webpack类似的工具还有哪些?区别?原创 2024-01-18 11:34:42 · 491 阅读 · 1 评论 -
webpack执行流程知识点总结
假设你有一个 webpack.config.js 文件,其中定义了一些 webpack 配置选项,还有一些 shell 脚本参数,你想将它们整合到一个 options 对象中,然后将这个对象传递给下一个流程。原创 2024-01-11 18:54:36 · 1678 阅读 · 1 评论 -
webpack学习笔记
之后,Webpack会将所有编译完成的模块按照它们之间的依赖关系组合成一个单独的文件,这个文件就是我们所说的“bundle”,最后将bundle文件发布到网站上,完成打包处理。resolve.modules 的默认值是 ['node_modules'],含义是先去当前目录下的 ./node_modules 目录下去找想找的模块,如果没找到就去上一级目录 ../node_modules 中找,再没有就去 ../../node_modules 中找,以此类推,这和 Node.js 的模块寻找机制很相似。原创 2024-01-10 10:38:18 · 1405 阅读 · 0 评论 -
webpack知识点总结(高级应用篇)
可以从以下角度来进行优化:1、提升开发体验使用Source Map让开发或上线时代码报错能有更加准确的错误提示。2、提升 webpack 提升打包构建速度使用HotModuleReplacement让开发时只重新编译打包更新变化了的代码,不变的代码使用缓存,从而使更新速度更快。使用OneOf让资源文件一旦被某个 loader 处理了,就不会继续遍历了,打包速度更快。使用Include/Exclude排除或只检测某些文件,处理的文件更少,速度更快。使用Cache对 es原创 2024-01-03 17:24:54 · 1369 阅读 · 0 评论 -
webpack知识点总结(基础应用篇)
Webpack 是一个前端资源加载/打包工具。它将根据模块的依赖关系进行静态分析,然后将这些模块按照指定的规则生成对应的静态资源。Webpack是一个模块打包器。在Webpack中会将前端的所有资源文件(js/json/css/img/less/...)都作为模块处理。它将根据模块的依赖关系进行分析,生成对应的资源实际上, webpack-cli 给我们提供了丰富的终端命令行指令,可以通过npx webpack --help 查看帮助信息。原创 2023-12-19 18:37:10 · 1291 阅读 · 0 评论