webpack
7篇文章 · 0订阅
  • 自定义 Webpack 插件 —— Dynamic Import 容灾
    hello，大家好我是 loboding 🥕。机缘巧合，在和朋友闲谈技术时聊到 Dynamic Import 资源请求失败的容灾，那我们就来编写个 plugin 将容灾代码插入运行时中吧。
    Webpack 前端
    自定义 Webpack 插件 —— Dynamic Import 容灾
  • contenthash才是缓存的重要hash - webpack hash contenthash chunkhash你真的懂了吗?
    webpack在实例化的时候会在全局创建一个Tapable子类Compiler, 该实例掌握了初始化配置信息，运行编译入口函数，注册和调用插件等等。 但是, 每个chunk都是有css与js组成, 也就是说当其中一个文件发生变化，这个chunk都会重新编译，此时contenth…
    Webpack
  • webpack 透视——提高工程化（实践篇）
    webpack 是我们前端工程师必须掌握的一项技能，我们的日常开发已经离不开这个配置。关于这方面的文章已经很多，但还是想把自己的学习过程总结记录下来。 上一篇文章介绍了webpack 构建原理，这篇文章将基于这个原理之上，讲述在我们实际工程配置中可以去优化的2 个方向。 优化构…
    前端
  • webpack loader和plugin编写
    首先我们先回顾一下webpack常见配置，因为后面会用到，所以简单介绍一下。 这里面我们重点关注 module和plugins属性，因为今天的重点是编写loader和plugin，需要配置这两个属性。 通过逐层识别模块依赖。（Commonjs、amd或者es6的import，w…
    Webpack 编译器 前端
  • 服务端渲染 vs 客户端渲染
    服务端渲染，客户端渲染，同构
    前端 JavaScript Vue.js
  • 妈妈再也不用担心我不会webpack了
    webpack前端工程中扮演的角色越来越重要，它也是前端工程化很重要的一环。本文将和大家一起按照项目流程学习使用wbepack，妈妈再也不用担心我不会使用webpack，哪里不会看哪里。这是一个由浅入深的文章。 现在vue、react等脚手架都会自动将开发环境使用的webpac…
    前端 Webpack
  • Webpack 4 Tree Shaking 终极优化指南
    几个月前，我的任务是将我们组的 Vue.js 项目构建配置升级到 Webpack 4。我们的主要目标之一是利用 tree-shaking 的优势，即 Webpack 去掉了实际上并没有使用的代码来减少包的大小。现在，tree-shaking 的好处将根据你的代码库而有所不同。由…
    Webpack