Webpack
36篇文章 · 0订阅
  • 【Webpack 进阶】聊聊 Webpack 热更新以及原理
    模块热替换(hot module replacement 或 HMR)是 webpack 提供的最有用的功能之一。它允许在运行时更新所有类型的模块，而无需完全刷新 一种是页面刷新，不保留页面状态，就是简单粗暴，直接 window.location.reload()。 另一种是基…
    Webpack 前端
    【Webpack 进阶】聊聊 Webpack 热更新以及原理
  • webpack常用的一些优化
    1.开发环境优化 1.1 resolve.modules 告诉webpack在那个文件夹下面去找第三方模块，避免了层层的查找 1.2 resolve.alias 对一些第三方比较打的库，指定其文件夹位
    Webpack
  • 当面试官问Webpack的时候他想知道什么
    在前端工程化日趋复杂的今天，模块打包工具在我们的开发中起到了越来越重要的作用，其中webpack就是最热门的打包工具之一。 说到webpack，可能很多小伙伴会觉得既熟悉又陌生，熟悉是因为几乎在每一个项目中我们都会用上它，又因为webpack复杂的配置和五花八门的功能感到陌生。…
    Webpack
    当面试官问Webpack的时候他想知道什么
  • webpack核心模块tapable用法解析
    前不久写了一篇webpack基本原理和AST用法的文章，本来想接着写webpack plugin的原理的，但是发现webpack plugin高度依赖tapable这个库，不清楚tapable而直接去看webpack plugin始终有点雾里看花的意思。所以就先去看了下tapa…
    前端 Webpack
  • webpack 模块化原理
    在webpack中既可以书写commonjs模块也可以书写es模块，而且不用考虑浏览器的兼容性问题，我们来分析一下原理。 查看编译结果，可以发现webpack对于每个模块的做法类似于node，将每个模块放在一个函数环境中并向其中传入一些必要的参数。webpack将这些模块组成一…
    Webpack
  • 重学webpack(配置详解)
    第一种写法：执行webpack指令之后，我们会发现webpack自动构建输出了一个JS文件(即build/built.js文件)，又因为我们使用了插件new HtmlWebpackPlugin()，这个插件会自动帮我们生成了build/index.html并自动帮我们引入了打包…
    Webpack
  • Webpack配置全解析（优化篇）
    在上一篇文章Webpack配置全解析介绍了Webpack中loader和plugins的一些基本用法，当loader和plugins使用较多后项目也会越来越耗时，因此这次我们继续学习如何优化webpack的配置来让我们的项目运行的更快耗时更短。 本文将从缩小文件搜索范围、减少打…
    Webpack
  • Webpack 深入浅出之公司级分享总结(内附完整ppt)
    前段时间，在公司做了个 Webpack 的分享。听众40多人，感觉还不错。所以总结一下，先看一下ppt的目录： 本质上，webpack 是一个现代 JavaScript 应用程序的静态模块打包器(module bundler)。当 webpack 处理应用程序时，它会递归地构建…
    前端 源码
    Webpack 深入浅出之公司级分享总结(内附完整ppt)
  • webpack4配置总结(三)
    上一篇整理了webpack配置的四大配置概念。这篇来整理loader的使用。 因为我的项目是基于Vue全家桶及sass的，所以loader部分会有偏向这方面的介绍，使用TS，React全家桶及less的可以找一下相应的loader。 webpack打包模块时，会把模块拿到mod…
    Webpack
  • 这可能是最通俗易懂的 webpack 知识全景图
    Entry（入口）：Webpack 执行构建的第一步将从 Entry 开始，可抽象成输入。 Module（模块）：在 Webpack 里一切皆模块，一个模块对应着一个文件。Webpack 会从配置的 Entry 开始递归找出所有依赖的模块。 Chunk（代码块）：一个 Chun…
    Webpack