在现代前端开发中，优化应用性能是一个至关重要的任务。Webpack 作为一个强大的打包工具，为我们提供了代码分割和懒加载的功能，可以显著提升应用的加载速度和用户体验。本文将深入解析 Webpack 的代码分割和懒加载技术，帮助开发者更好地理解和应用这些技术。 什么是代码分割？ 代码分割（Code S
Loader loader 是一个转换器，用于对源代码进行转换。 工作流程 webpack.config.js 里配置了一个 模块 的 Loader； 2.遇到 相应模块 文件时，触发了 该模块的 loader; 3.loader 接受了一个表示该 模块 文件内容的 source; 4.loader
webpack是什么 webpack是前端项目工程化的具体解决方案。 主要功能：提供了友好的前端模块化开发支持，已经代码压缩混淆（去除空格和注释，让文件体积更小），处理浏览器端JS的兼容性（将箭头函数转成低级实现，let->var实现，兼容版本低的浏览器），性能优化等。 让程序员把重心放到具体的功能
近期对Webpack5构建性能进行了优化，构建耗时从150s到60s再到10s，下面详细讲解下优化过程。
起因 有同事分享webpack的代码分割，其中提到了SplitChunksPlugin，对于文档上的描述大家有着不一样的理解，所以打算探究一下。 Q：什么是 SplitChunksPlugin？SplitChunksPlugin 是用来干嘛的？ A: 最初，chunks（以及内部导入的模块）是通过内
打包工具解决的是前端整体的模块化，不只是局限于js的模块化，打包工具需要完成的功能有：1.模块打包：完成多个模块的打包，将多个模块的js文件打包到一个js里面。2.loader转换： 以webpack为例，可以使用loader完成格式的转换，改善兼容性问题。 3.代码拆分：可以拆分不同模块的代码，没...
转载请注明出处： 1.安装node.js 下载地址：http://nodejs.cn/download/ （可查看历史版本） node.js 中文网：http://nodejs.cn/api-v16/ 建议下载稳定版本的msi 格式的进行安装；msi 为windows 直接安装包，一直next即可；
前言 随着Vue3的逐渐普及以及Vite的逐渐成熟，我们有必要来了解一下关于vite的本地构建原理。 对于webpack打包的核心流程是通过分析JS文件中引用关系，通过递归得到整个项目的依赖关系，并且对于非JS类型的资源，通过调用对应的loader将其打包编译生成JS 代码，最后再启动开发服务器。
这篇文章介绍了如何使用Vue CLI优化项目构建配置，提高开发效率，涉及配置管理、项目部署策略、插件系统定制以及Webpack和TypeScript的深度集成技巧。
title: Django 静态文件管理与部署指南 date: 2024/5/10 17:38:36 updated: 2024/5/10 17:38:36 categories: 后端开发 tags: WebOpt CDN加速 DjangoCompress Webpack StaticDeploy
目录 前言 模块联邦概念 使用配置 模块联邦优点 模块联邦缺点 动态远程模块 前言 工作中公共模块通过子仓库在多个项目中使用，其中公共头部，登录，反馈、举报等模块业务与技术栈都和项目耦合很深，在每个项目都会将这些公共模块打包进去，为了减少流量成本，考虑将这些模块打包后放到cdn，对比了webpack
