胖蔡叨叨叨
webpack 模块配置
Webpack作为一个超级流行的前端打包工具，其最为重要的一个功能就是webpack的模块化打包功能，webpack打包一切皆模块，webpack对于每个文件都以模块的形式进行处理，本文主要介绍webpack对于JS、CSS模块化处理的介绍...
标签：webpack
浅谈Vite
1. Vite 简介 1.1 Vite是什么？ Vite是一个由原生 ES Module 驱动的 Web 开发前端构建工具，它能显著改善前端开发体验； 要由两部分组成： 一个开发服务器，它基于 原生 ES 模块 提供了 丰富的内建功能，如速...
性能优化–webpack初探
概念 本质上，webpack 是一个用于现代 JavaScript 应用程序的 静态模块打包工具。当 webpack 处理应用程序时，它会在内部从一个或多个入口点构建一个 依赖图(dependency graph)，然后将你项目中所需的每一...
webpack实现配置化多页面工程
基于业务本身考虑，针对企业官网性质、面向C端用户的PC网站。我们需要有良好的搜索体验，需要有良好的页面访问体验。对此，探讨webpack配置多页面开发工程的可能性。本篇文章，默认大家对于webpack已经具有一定的了解，可以完...
React使用Ant Design Pro框架导致首屏加载缓慢问题
存在问题 React项目中使用Ant Design pro框架，发现编译后前端应用的首屏加载过于缓慢，针对该问题，对改应用的生成包进行分析并优化，使其加载速度提升，用户体验更好。整个优化的思路过程如下。 1、网页登录后，首次刷新【存在路由】...
Webpack 项目添加 eslint 实现代码检测功能
项目环境及相关资料 构建工具： webpack 5.x Nodejs 版本：v14.x.x 使用语言：js eslint配置官网：https://eslint.bootcss.com/ 依赖库 1、eslint-loader 想要 webp...
Webpack 项目添加 eslint 实现代码检测功能
项目环境及相关资料 构建工具： webpack 5.x Nodejs 版本：v14.x.x 使用语言：js eslint配置官网：https://eslint.bootcss.com/ 依赖库 1、eslint-loader 想要 webp...
JS 的模块化规范发展历程
JavaScript前期的代码还不是很复杂，我们可以通过代码简单实现，但随着项目越来越大、程序所包含的功能越来越多、开发人员原来越多的时候，我们就需要一个统一的模块化规范来编写代码，以求我们的代码的可读性、可维护性更高，同时也方便其他人来使...
前端的构建工具
前端技术随着日益成熟的开发框架(React、Vue、Angular)的流行,如何去管理、构建前端项目也就显得尤其重要。目前市面上较为常用的构建工具就是Webpack。本质上，webpack 是一个现代 JavaScript 应用程序的静态模...
