webpack
26篇文章 · 0订阅
  • 换个角度学 Webpack
    对 Webpack 可以说既熟悉也陌生，熟悉是因为工作中天天都在用到，陌生则是没怎么从头到尾去了解过，都是别人配好的，网上一些学习 Webpack 的文章都是上来就说怎么配怎么配，好吧，我脑子不够灵光记不住，于是乎换一种理解的方式来学习 Webpack。
    Webpack JavaScript 前端
  • webpack4之基础篇
    1. 什么是webpack WebPack可以看做是模块打包机：它做的事情是，分析你的项目结构，找到JavaScript模块以及其它的一些浏览器不能直接运行的拓展语言（Scss，TypeScript等），并将其打包为合适的格式以供浏览器使用。 2. webpack核心概念 En…
    JavaScript Webpack
  • webpack4之高级篇
    HappyPack就能让Webpack把任务分解给多个子进程去并发的执行，子进程处理完后再把结果发送给主进程。 happypack
    JavaScript Webpack
  • Webpack4优化之路
    Webpack4 那点儿东西 基于webpack4总结了一些webpack的常见配置，但是webpack 各种强大的配置有时候让你不堪重负，会打包很多的文件，遍历解析很多文件。。。。。总之，这些操作会让webpack打包过程变得很慢，所以开发过程中我们不得不去优化一些配置，让w…
    前端 Webpack 浏览器
  • 手写webpack核心原理，再也不怕面试官问我webpack原理
    需要读到入口文件里面的内容。 分析入口文件，递归的去读取模块所依赖的文件内容，生成AST语法树。 我们创建了add.js文件和minus.js文件,然后 在index.js中引入，再将index.js文件引入index.html。 现在我们打开index.html。你猜会发生什…
    Webpack
  • 实现一个简单的Webpack
    大家好，我是神三元，今天通过一道面试题来和大家聊一聊webpack。 我相信，尽管很多开发者会根据官方文档进行webpack的相关配置，但仍然并不了解Webpack究竟是起什么作用的，在前端工程化扮演者什么角色，观念仍然简单地停留在“代码打包工具”上。真的是这样吗？ 相信这个定…
    Webpack
  • 【译】关于Webpack中一些让人困惑的地方的解答
    Webpack是React和Redux项目的主要模块加载器。我认为使用Angular2和其他的框架的人在如今也大量使用Webpack进行开发。 当我第一次查看Webpack的配置文件时，我是懵逼的。在使用过一段时间以后，我觉得这是因为Webpack有着独一无二的语法和标新立异的…
    Webpack
  • 用 webpack 4.0 撸单页/多页脚手架 (jquery, react, vue, typescript)
    首先来简单介绍一下webpack：现代 JavaScript 应用程序的静态模块打包工具。当 webpack 处理应用程序时，它会在内部构建一个会映射项目所需的每个模块 的依赖图(dependency graph)，并生成一个或多个 bundle。webpack4.0出现之后，…
    Webpack TypeScript
  • 从零开始配置webpack(基于webpack 4 和 babel 7版本)
    webpack启动后会从 Entry 里配置的 Module 开始递归解析 Entry 依赖的所有Module.每找到一个Module,就会根据配置的Loader去找出对应的转换规则，对Module进行转换后，再解析出当前的Module依赖的Module.这些模块会以Entry…
    JavaScript Webpack
  • Webpack 原理浅析
    Webpack 迭代到4.x版本后，其源码已经十分庞大，对各种开发场景进行了高度抽象，阅读成本也愈发昂贵。但是为了了解其内部的工作原理，让我们尝试从一个最简单的 webpack 配置入手，从工具设计者的角度开发一款低配版的 Webpack。 假设某一天，我们接到了需求，需要开发…
    JavaScript Webpack
    Webpack 原理浅析