程序员优雅哥简介：十年程序员，呆过央企外企私企，做过前端后端架构。分享vue、Java等前后端技术和架构

本文摘要：主要讲解 webpack 5 初体验。从webpack 5 初识到便写代码。优雅哥将围绕该主题不断更新系列文章。

Webpack 作为现代前端开发里不能少的工具，在项目构建和资源管理这块起着关键作用。在前端开发越来越复杂的现在，做性能优化特别重要。

先从开发效率这块来说，一个没优化过的 Webpack 配置可能会让构建的时间变得很长。比如说，在大项目里，要是每次改代码都得花好多时间等着构建完，那会严重影响开发的进度。根据一些实际项目的数据统计，没优化的 Webpack 构建可能得要几分钟甚至更长时间，但是通过合理的性能优化办法，能把构建时间缩短到几十秒甚至更短。这样能让开发人员更快看到改了代码后的效果，把开发效率提上去。

针对新手入门搭建项目，Webpack5 配置手册（从0开始）

webpack安装顺序

webpack 是前端项目工程化的具体解决方案。 它提供了友好的前端模块化开发支持，以及代码压缩混淆、处理浏览器端 JavaScript 的兼容性、性能优化等强大的功能。

为什么又造个轮子？

为什么又要构建一个 JavaScript 构建工具呢？因为当前用于 Web 的构建工具比用户期望的性能至少慢一个数量级。我希望这个项目可以作为一种“存在证明”，证明我们的 JavaScript 工具实际上能比现在快得多。

基准测试

我想到的用例是打包用于生产的大型代码库。这个流程包括压缩代码以减少网络传输时间，以及生成源映射（对于调试生产中的错误是非常重要的）。理想情况下，构建工具还应该具备快速构建能力，而不必先预热缓存。

Webpack是一种前端静态模块打包工具，被广泛应用于现代JavaScript项目的开发和构建流程中，用于将项目中的各种资源，例如JavaScript、CSS、图片等作为模块进行处理将不同类型的文件整合打包到一个或多个文件中，然后生成可在浏览器中运行的静态资源文件。优化代码结构并提升前端项目的开发和构建体验。下面我们就来详细介绍一下Webpack工具。

在webpack.config.js文件中加上mode: 'development', 就可以了。

作者：京东科技 孙凯

一、前言

相信很多前端开发者在做项目时同时也都做过页面性能优化，这不单是前端的必备职业技能，也是考验一个前端基础是否扎实的考点，而性能指标也通常是每一个开发者的绩效之一。尤其马上接近年关，页面白屏时间是否过长、首屏加载速度是否达标、动画是否能流畅运行，诸如此类关于性能更具体的指标和感受，很可能也是决定着年底你能拿多少年终奖回家过年的

作者： semlinker

转发链接：https://mp.weixin.qq.com/s/ywc98dS4TVB4t3L2tIyk8g

一、微内核架构简介

1. 1 微内核的概念

微内核架构（Microkernel Architecture），有时也被称为插件化架构（Plug-in Architecture），是一种面向功能进行拆分的可扩展性架构，通常用于实现基于产品的应用。微内核架构模式允许你将其他应用程序功能作为插件添加到核心应用程序，从而提供可扩展性以及功能分离和隔离。