Miss朵

在上一篇文章【Webpack进阶】Loader深入解析中，探索了Loader的原理和运行机制，本文会通过介绍常见样式loader的作用和实现，加深对loader的理解。 下面我们来逐一探讨。 Less是CSS预处理语言，扩展了CSS语言，增加了变量、Mixin、函数等特性，Le…

Webpack是如今前端离不开的话题和工具，相信不少同学都曾经感受过被webpack支配的恐惧，但是去深入理解它，可能是脱离苦海的第一步。 在webpack的体系里，loader和plugin无疑是最核心的组成部分，本文会结合webpack的运行机制，介绍loader和plug…

Webpack中，有两大机制，一个是loader机制，一个是插件机制。虽然社区开源的Webpack loader众多，但是在研发过程中的一些特定场景需求下，我们仍然免不了要自己开发一些loader。本文中，我们就来看看如何实现自定义Webpack loader。 下面我们以实现…

我们知道 Webpack 可以通过 DLL 或者 Externals 做代码共享时 Common Chunk，但不同应用和项目间这个任务就变得困难了，我们几乎无法在项目之间做到按需热插拔。 模块联邦是 Webpack5 新内置的一个重要功能，可以让跨应用间真正做到模块共享，所以…

Lerna 教程 一、什么是 lerna? 多包管理工具，方便我们在一个项目中管理多个 npm 包，能够在发包时统一每个包的版本号。 优雅的解决大型多包项目中每发一次包都要手动修改各个包的版本号并单独

随着前端代码需要处理的业务越来越繁重，我们不得不面临的一个问题是前端的代码体积也变得越来越庞大。这造成无论是在调式还是在上线时都需要花长时间等待编译完成，并且用户也不得不花额外的时间和带宽下载更大体积的脚本文件。 然而仔细想想这完全是可以避免的：在开发时难道一行代码的修改也要重…

如果你正在使用Vue框架，那么你肯定知道Vue CLI是什么。Vue-cli 3，它是Vue.js 开发的标准工具（脚手架），提供项目支架和原型设计。 除了日常构建打包项目，Vue CLI3 的一个重要部分是cli-plugins，插件开发。 本文将教你如何科学的创建一个Vue…

基于webpack实现微前端服务，可以完全实现一个去中心化的应用部署群：每个应用是单独部署在各自的服务器，每个应用都可以引用其他应用，也能被其他应用所引用。

如果小伙伴有做过首屏加载时间优化，应该会遇到chunk-vendors.js这个文件，巨大无比，加载时间超长，是首屏加载时间过长的罪魁祸首之一。 下面通过一个实际的项目来演示，先通过插件webpack-bundle-analyzer来可视化地查看chunk-vendors.js…