随笔分类 -  webpack

摘要:webpack的热更新⼜称热替换(Hot Module Replacement),缩写为HMR。 这个机制可以做到不⽤刷新浏览器⽽将新变更的模块替换掉旧的模块。 ⾸先要知道server端和client端都做了处理⼯作: 第⼀步,在 webpack 的 watch 模式下,⽂件系统中某⼀个⽂件发⽣修改 阅读全文
posted @ 2023-01-08 13:10 zaisy'Blog 阅读(139) 评论(0) 推荐(0) 编辑
摘要:前言 本文来总结写webpack 在性能方面常见的优化方案。 正文 本文分别总结开发环境和生产环境中在打包构建速度和代码调试功能方面的优化方案,如下: 1、开发环境性能优化 (1)优化打包构建速度 a、HMR: hot module replacement ,热模块替换,作用:当一个模块发生变化的时 阅读全文
posted @ 2022-03-11 17:35 zaisy'Blog 阅读(772) 评论(0) 推荐(0) 编辑
摘要:前言 本文来总结下webpack中 css、js、html 代码常见的处理方式,学习笔记仅供参考。 正文 1、css样式文件处理 (1)提取css为一个单独的文件 在我们前面学习了webpack的基础上,我们知道webpack在打包之后把css样式文件放在了js中,这样导致文件比较混乱,我们这一步需 阅读全文
posted @ 2021-12-02 20:49 zaisy'Blog 阅读(397) 评论(0) 推荐(1) 编辑
摘要:前言 webpack是当前前端项目中最常用的资源构建工具,从本文开始,来总结记录一下关于webpack的学习。 正文 1、webpack简介 webpack官网(https://webpack.docschina.org/) 我们代码中使用less,ES6的impot以及一些高级的语法,浏览器无法识 阅读全文
posted @ 2021-11-19 22:04 zaisy'Blog 阅读(540) 评论(0) 推荐(1) 编辑

点击右上角即可分享
微信分享提示