webpack
6篇文章 · 0订阅
  • Webpack 实践 - optimization.splitChunks
    开启掘金成长之旅！这是我参与「掘金日新计划 · 12 月更文挑战」的第 3 天，点击查看活动详情 默认原则与默认值 默认情况下，它只会影响到按需加载的 chunks。 webpack 将根据以下条件自
    掘金·日新计划 Webpack 性能优化
    Webpack 实践 - optimization.splitChunks
  • 如何使用 splitChunks 精细控制代码分割
    前端小伙伴都知道，为了降低包大小，经常会把依赖的前端模块独立打包，比如把 vue、vue-router 打到一个单独的包 vendor 中。另外，常会将存在多个路由的复杂页面的每个页面都单独打一个包，只有访问某个页面的时候，再去下载该页面的js包，以此来加快首页的渲染。 无论是…
    前端 Webpack
    如何使用 splitChunks 精细控制代码分割
  • webpack 最佳实践
    本文讲述的最佳实践是从日常业务中总结而出的，不一定适合所有项目。毕竟每个公司或个人的项目不同，最佳实践也会有所不同。但是可以从这篇文章借鉴吸收一点有用的东西，有问题的地方也欢迎大家积极吐槽指正。
    前端 Webpack JavaScript
    webpack 最佳实践
  • webpack 代码分离快速指北
    js 代码的分离操作，首先要考虑的就是对异步代码的分离。这里使用 dynamicImport cacheGroups: 缓存组。 reuseExistingChunk: 表示可以使用已经存在的块，即如果满足条件的块已经存在就使用已有的，不再创建一个新的块。 如果是动态 impo…
    Webpack
  • Webpack 原理系列九：Tree-Shaking 实现原理
    一、什么是 Tree Shaking Tree-Shaking 是一种基于 ES Module 规范的 Dead Code Elimination 技术，它会在运行过程中静态分析模块之间的导入导出，确
    前端 JavaScript
    Webpack 原理系列九：Tree-Shaking 实现原理
  • webpack4 搭建企业级脚手架
    eval模式，构建速度很快，可以得到错误在源代码中的行列，但是无法查看具体的行列信息， 因为它无法查看源代码，只能查看转换后的代码。 cheap-module-eval-source-map 和 cheap-eval-source-map 类似，但是是loader转换之前的源文…
    Webpack