webpack
4篇文章 · 0订阅
  • 轻松理解webpack热更新原理
    一种是页面刷新，不保留页面状态，就是简单粗暴，直接window.location.reload()。 另一种是基于WDS (Webpack-dev-server)的模块热替换，只需要局部刷新页面上发生变化的模块，同时可以保留当前的页面状态，比如复选框的选中状态、输入框的输入等。…
    Webpack 前端
    轻松理解webpack热更新原理
  • 了不起的 Webpack Scope Hoisting 学习指南
    Scope Hoisting 是 webpack3 的新功能，直译为 "「作用域提升」"，它可以让 webpack 打包出来的「代码文件更小」，「运行更快」。 在 JavaScript 中，还有“变量提升”和“函数提升”，JavaScript 会将变量和函数的声明提升到当前作用…
    Webpack
    了不起的 Webpack Scope Hoisting 学习指南
  • 2020年了,再不会webpack敲得代码就不香了(近万字实战)
    2020年即将到来,在众多前端的招聘要求里,webpack、工程化这些字眼频率越来越高。日常开发者中，我们常常在用诸如vue-cli、create-react-app的脚手架来构建我们的项目。但是如果你想在团队脱颖而出(鹤立鸡群)、拿到更好的offer(还房贷)，那么你必须去深…
    JavaScript
    2020年了,再不会webpack敲得代码就不香了(近万字实战)
  • 深入webpack打包原理，loader和plugin的实现
    1. webpack打包基本原理 1. 处理单个模块（以入口为例） 我们可以看到，入口文件index.js的所有内容都以字符串形式输出了，我们接下来可以用正则表达式或者其它一些方法，从中提取到import以及export的内容以及相应的路径文件名，来对入口文件内容进行分析，获取…
    Webpack