webpack - 随笔分类 - 过鹿人

webpack之loader与plugin

摘要：loader与plugin的区别 loader的作用是将代码进行转换，比如less转成css，一个loader就是一个函数，接收的参数是上一个loader的返回值，loader进行一系列处理后返回新的代码 plugin的作用是在webpack的编译流程中完成某些操作，比如当webpack编译启动时阅读全文

posted @ 2021-10-19 18:22 过鹿人阅读(360) 评论(0) 推荐(0) |

webpack之webpack和vite的区别

摘要：打包原理缺点其他特点 webpack 解析各个模块的依赖关系使用loader转换文件，使用plugin注入钩子，打包合并模块，最终生成bundle文件，使用express开启本地服务器，浏览器请求的是bundle文件，也就是打包过后的文件。 1.各个模块之间的依赖关系过于复杂会导致打包速度阅读全文

posted @ 2021-10-18 18:36 过鹿人阅读(3460) 评论(0) 推荐(0) |

webpack之性能优化（webpack4）

摘要：在讲解性能优化的方案之前，我们需要了解一下webpack的整个工作流程，方案一：减少模块解析也就是省略了构建chunk依赖模块的这几个步骤如果没有loader对该模块进行处理，该模块的源码就是最终打包结果的代码。不对某个模块进行解析，可以缩短构建时间哪些模块不需要解析？模块中无其他依赖 w 阅读全文

posted @ 2021-08-28 21:30 过鹿人阅读(758) 评论(0) 推荐(0) |

webpack之打包结果解析（dist/main.js）

摘要：感觉webpack的文章点击率高一些，那就继续吧~ 今天来全方位解析一下webpack打包过后的结果首先，在src/a.js先写这样的代码 1 console.log("module a") 2 module.exports = "a"; 在src/index.js中这样写，作为入口chunk 阅读全文

posted @ 2021-08-11 23:24 过鹿人阅读(1000) 评论(2) 推荐(0) |

webpack初识（webpack是什么？webpack有哪些功能？）

摘要：webpack简介 webpack是基于模块化的打包（构建）工具，它把一切视为模块（js、css、图片）它通过一个开发时态的入口模块为起点，分析出所有的依赖关系，然后经过一系列的过程（语法转换、资源压缩、模块合并），最终生成运行时态的文件。 webpack的作用代码转换：将TypeScript编阅读全文

posted @ 2021-08-05 10:46 过鹿人阅读(764) 评论(0) 推荐(0) |

什么是前端工程化？如何实现前端工程化？

摘要：一、什么是前端工程化前端工程化是使用软件工程的方法来解决前端的开发流程中模块化、组件化、规范化、自动化的问题，其主要目的为了提高效率和降低成本。二、为什么需要前端工程化？ Web业务日益复杂化和多元化，现在随便找个前端项目，都已经不是过去的拼个页面+搞几个jQuery插件就能完成的了。代码量可能阅读全文

posted @ 2021-08-04 15:15 过鹿人阅读(3737) 评论(0) 推荐(0) |

babel详解

摘要：1.babel的由来由于不同版本的浏览器能识别的ES标准不相同，就导致了开发者面对不同版本、不同内核的浏览器要使用不同的js语句，为了解决这样的问题，就有了babel，它可以把基于不同es标准书写的js语法，编译为统一的、能被各种浏览器识别的js语法。 2.babel的使用 babel本身仅提供一阅读全文

posted @ 2020-12-28 14:22 过鹿人阅读(533) 评论(0) 推荐(0) |

过鹿人

公告