Webpack
7篇文章 · 0订阅
  • 脑阔疼的webpack按需加载
    随着单页应用发展的越来越庞大，拆分js就是第一要务，拆分后的js，就可以根据我们需求来有选择性的加载了。 这里就添加了一句，chunkFilename而已，chunkFilename的作用就是用来给拆分后的chunk们起名字的配置项。 还是只打包出了一个main.js，毫无变化…
    JavaScript Webpack React.js
  • 在淘宝优化了一个大型项目，分享一些干货（Webpack，SplitChunk代码实例，图文结合）
    本项目是淘系用户增长团队的一个大中台系统，单页应用，涵盖很多业务功能，运用了很多懒加载页面组件来提升性能，首屏时间 1s 左右，体验良好。然而大项目文件很多，导致构建和发布时间很长，内存占用较大。我的任务是尽可能优化与此相关的问题。 首先不难发现问题并不在用户体验上，而在于开发…
    Webpack
  • 谈谈如何设计一个插件（Plugin）体系
    什么是插件？插件，又称做 Plug-in 或者 addin、addon 等，是一种遵循一定规范的应用程序接口编写出来的程序，从而可以为系统扩展原本不存在的特性。同时，如果一个系统支持了插件体系，也就拥有了可以实现用户自定义化的功能。 可以支持第三方开发者去扩展应用的能力边界。 …
    前端
  • 五种可视化方案分析 webpack 打包性能瓶颈
    在上两章节中我们已经介绍过了 JavaScript 打包机制 以及 webpack 所有的内置配置，但当项目业务功能达到一定规模时，默认的配置已经不足以满足开发、用户的期望，我们就需要对 webpack 配置进行优化。 如何知道具体该如何优化喃，最直观的方式是分析它的输出文件，…
    前端
  • 📚免费的渐进式教程：Webpack4的16篇讲解和16份代码
    首先，没有标题党！这套教程确实是免费的，并且针对每节讲解准备了对应的代码，代码环境是webpack4。 课程以常见的webpack4用法为主线，按照从易到难的顺序，逐步引导搭建，渐进式教程真香。 说句实在话，webpack4其实完全靠文档，但是刚入手的时候还是有个简易教程比较好…
    Webpack
  • Vue项目Webpack优化实践，构建效率提高50%
    公司的前端项目使用Vue框架，Vue框架使用Webpack进行构建，随着项目不断迭代，项目逐渐变得庞大，然而项目的构建速度随之变得缓慢，于是对Webpack构建进行优化变得刻不容缓。经过不断的摸索和实践，通过以下方法优化后，项目的构建速度提高了50%。现将相关优化方法进行总结分…
    Webpack
  • 用于前端开发的webpack4配置[带注释]
    随着web开发变得越来越复杂，我们需要使用工具来帮助我们构建现代化网站。这是一个完整通过复杂webpack4配置的线上生产例子。 构建现代化网站已经成为自定义应用程序开发，网站期望能做的更多，具有传统应用的功能，而不仅仅是一个推广网站。 随着一个流程变得复杂时，我们就会将它分解…
    Webpack
    用于前端开发的webpack4配置[带注释]