webpack

0 人感兴趣 · 8 次引用

  • 推荐
  • 最新
https://static001.geekbang.org/infoq/d7/d76cc4767ae721bfba459c35a578e1aa.jpeg?x-oss-process=image/resize,w_416,h_234

了不起的 Webpack 构建流程学习指南

用户头像
pingan8787 2020 年 7 月 3 日

Webpack 是前端很火的打包工具,它本质上是一个现代 JavaScript 应用程序的静态模块打包器(module bundler)。

https://static001.geekbang.org/infoq/d7/d76cc4767ae721bfba459c35a578e1aa.jpeg?x-oss-process=image/resize,w_416,h_234

了不起的 Webpack HMR 学习指南(含源码分析)

用户头像
pingan8787 2020 年 6 月 24 日

Hot Module Replacement(以下简称:HMR 模块热替换)是 Webpack 提供的一个非常有用的功能,它允许在 JavaScript 运行时更新各种模块,而无需完全刷新。

https://static001.geekbang.org/infoq/59/590b9dbba48a501ae6e6b2fabc2c3e49.jpeg?x-oss-process=image/resize,w_416,h_234

1.5W 字 | Webpack4 完整入门教程(共 18 章)

用户头像
pingan8787 2020 年 7 月 21 日

最近和部门老大,一起在研究团队【EFT - 前端新手村】的建设,目的在于:帮助新人快速了解和融入公司团队,帮助零基础新人学习和入门前端开发并且达到公司业务开发水平。

https://static001.geekbang.org/infoq/cf/cf9164260c136b7325b322a69ed11f79.jpeg?x-oss-process=image/resize,w_416,h_234

谈一谈 webpack 打包

用户头像
林浩 2020 年 8 月 2 日

This Is The Little Toy-Webpack-Bundler Demo

https://static001.geekbang.org/infoq/91/9109570a3c70c15c3a0e148e02d2d524.png?x-oss-process=image/resize,w_416,h_234

比 Webpack 更高效的 Rollup 入门指南

用户头像
费马 2020 年 6 月 10 日

Rollup 是一个 JavaScript 模块打包器,可以将小块代码编译成大块复杂的代码,例如 library 或应用程序。Rollup 对代码模块使用新的标准化格式,这些标准都包含在 JavaScript 的 ES6 版本中,而不是以前的特殊解决方案,如 CommonJS 和 AMD。

https://static001.geekbang.org/infoq/bd/bdaf5832a84af0167fa72c75e48cb79e.jpeg?x-oss-process=image/resize,w_416,h_234

手写一个 Vue 风格组件

用户头像
林浩 2020 年 7 月 18 日

这是一个VUE风格的SFC

https://static001.geekbang.org/infoq/ee/eeb6f7c93cab86a9d7eb76b0c541b5bf.jpeg?x-oss-process=image/resize,w_416,h_234

了不起的 Webpack Scope Hoisting 学习指南

用户头像
pingan8787 2020 年 7 月 12 日

Scope Hoisting 是 webpack3 的新功能,直译为 "作用域提升",它可以让 webpack 打包出来的代码文件更小,运行更快。

https://static001.geekbang.org/infoq/26/26f1b0c6abcebd03808395404ed82a0a.png?x-oss-process=image/resize,w_416,h_234

[修复 Webpack 官方 Bug] 提取 CSS 时的依赖图修正

用户头像
分一 2020 年 8 月 14 日

手把手带你通过编写 plugin, 修复 Webpack 4 官方 Bug。

webpack_webpack资料文章-InfoQ写作平台