01 2021 档案

摘要:Webpack与浏览器缓存 在 web 开发中,我们应该充分利用 HTTP 协议和浏览器的缓存来做好页面代码的持久化缓存,本文将介绍如何合理配置 Webpack 来更好的提升应用持久化缓存策略,通过将资源缓存在客户端中,可以避免之后每次都重新下载。 浏览器缓存策略和 Webpack 缓存相关配置 使 阅读全文
posted @ 2021-01-06 20:55 子不语-前端 阅读(139) 评论(0) 推荐(0)
摘要:Visual Studio注释代码段快捷键 默认注释快捷组合键 注释: Ctrl+K → 选定需要注释的代码段 →Ctrl+C 取消注释: Ctrl+K → 选定需要取消注释的代码段 →Ctrl+U 本小节 Webpack 相关面试题: 怎么使用 PostCSS 来处理 CSS; 你会在 Webpa 阅读全文
posted @ 2021-01-03 09:31 子不语-前端 阅读(291) 评论(0) 推荐(0)
摘要:通过Import去异步的加载这个模块,但是到底什么时候去加载这个模块,实际上是不一定的,要看自己的代码怎么写; 好处是:加载速度会快; 比如说我们现在的打包后的目录: 我们运行程序 //index.js文件中 async function getComponent() { //import这种语句返 阅读全文
posted @ 2021-01-02 17:13 子不语-前端 阅读(56) 评论(0) 推荐(0)
摘要:使用Webpack的splitChunks功能来拆分代码 Webpack 代码拆分方式 在Webpack中,总共提供了三种方式来实现代码拆分(Code Splitting): Entry配置:通过配置多个entry文件来实现; 动态加载(按需加载):通过写代码时主动使用import()或者requi 阅读全文
posted @ 2021-01-02 16:15 子不语-前端 阅读(2201) 评论(0) 推荐(0)
摘要:Development开发环境和production生产环境的区分打包 在实际开发实践中,为了方便开发调试和上线,项目中我们一般配置两个webpack配置,一个是开发环境一个是生产环境,开发环境帮助我们快速开发测试连调,生产环境保证上线环境的打包流程是最优化体验,这就是配置文件根据环境进行区分。 配 阅读全文
posted @ 2021-01-01 21:15 子不语-前端 阅读(208) 评论(0) 推荐(0)