Webpack
5篇文章 · 0订阅
  • Webpack4打包机制原理简析
    webpack是一个打包模块化 JavaScript 的工具，在 webpack里一切文件皆模块，通过 Loader 转换文件，通过 Plugin 注入钩子，最后输出由多个模块组合成的文件。 webpack专注于构建模块化项目。 我们先从简单的入手看，当 webpack 的配置…
    前端
    Webpack4打包机制原理简析
  • 了不起的 Webpack Scope Hoisting 学习指南
    Scope Hoisting 是 webpack3 的新功能，直译为 "「作用域提升」"，它可以让 webpack 打包出来的「代码文件更小」，「运行更快」。 在 JavaScript 中，还有“变量提升”和“函数提升”，JavaScript 会将变量和函数的声明提升到当前作用…
    Webpack
    了不起的 Webpack Scope Hoisting 学习指南
  • 当面试官问Webpack的时候他想知道什么
    在前端工程化日趋复杂的今天，模块打包工具在我们的开发中起到了越来越重要的作用，其中webpack就是最热门的打包工具之一。 说到webpack，可能很多小伙伴会觉得既熟悉又陌生，熟悉是因为几乎在每一个项目中我们都会用上它，又因为webpack复杂的配置和五花八门的功能感到陌生。…
    Webpack
    当面试官问Webpack的时候他想知道什么
  • 『Webpack系列』—— externals用法详解
    如果小伙伴有做过首屏加载时间优化，应该会遇到chunk-vendors.js这个文件，巨大无比，加载时间超长，是首屏加载时间过长的罪魁祸首之一。 下面通过一个实际的项目来演示，先通过插件webpack-bundle-analyzer来可视化地查看chunk-vendors.js…
    Webpack Vue.js
    『Webpack系列』—— externals用法详解
  • webpack loader和plugin编写
    首先我们先回顾一下webpack常见配置，因为后面会用到，所以简单介绍一下。 这里面我们重点关注 module和plugins属性，因为今天的重点是编写loader和plugin，需要配置这两个属性。 通过逐层识别模块依赖。（Commonjs、amd或者es6的import，w…
    Webpack 编译器 前端