Webapck
关注
分享
扫一扫
youyouwuxin1234
博主：忧忧吾心
学历：2017.09-2019.07 硕士 - 武汉大学 软件工程
2013.08-2017.06 本科 - 郑州大学 计算机科学与技术
工作：2019.07.02-2021.11.16，在美的集团IT部门国际事业部从事软件开发工作
2021.11.22-2021.12.31，在新华三大数据有限公司从事软件研发
2022.01.01-2023年，在紫光集团紫光云技术有限公司从事软件研发工作
2024年至今在河南工业大学工作
其他：代表公司参加过2019年杭州阿里巴巴云栖大会
兴趣：爱生活、爱学习、爱运动、爱旅行、爱美食。
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
336、Webpack学习笔记11 -【部署目标、模块热替换】 2020.04.23
0、目录1、部署目标2、用法3、多个 target4、资源5、模块热替换(hot module replacement)6、这一切是如何运行的？6.1 在应用程序中6.2 在 compiler 中6.3 在模块中6.4 在 HMR runtime 中7、参考文献 1、部署目标 因为服务器和浏览器代码都可以用 JavaScript 编写，所以 webpack 提供了多种部署 target(目...原创 2020-04-23 11:35:34 · 212 阅读 · 0 评论 -
335、Webpack学习笔记10 -【依赖图、manifest】 2020.04.23
0、目录1、依赖图(dependency graph)2、manifest2.1 runtime2.2 manifest2.3 问题3、 参考文献 1、依赖图(dependency graph) 任何时候，一个文件依赖于另一个文件，webpack 就把此视为文件之间有 依赖关系。这使得 webpack 可以接收非代码资源(non-code asset)（例如 images 或 web fo...原创 2020-04-23 10:15:28 · 297 阅读 · 0 评论 -
334、Webpack学习笔记09 -【模块解析】 2020.04.22
0、目录1、模块解析(module resolution)2、webpack 中的解析规则2.1 绝对路径2.2 相对路径2.3 模块路径3、解析 loader4、缓存5、参考文献 1、模块解析(module resolution) resolver 是一个库(library)，用于帮助找到模块的绝对路径。 一个模块可以作为另一个模块的依赖模块，然后被后者引用，如下： import fo...原创 2020-04-22 18:18:51 · 156 阅读 · 0 评论 -
333、Webpack学习笔记08 -【为什么选择 webpack】 2020.04.22
0、目录1、为什么选择 webpack2、立即调用函数表达式 - Immediately invoked function expressions3、感谢 Node.js，JavaScript 模块诞生了4、npm + Node.js + modules - 大规模分发模块5、ESM - ECMAScript 模块6、看起来都不是很好……7、参考文献 1、为什么选择 webpack 想要理解为什...原创 2020-04-22 18:04:15 · 311 阅读 · 0 评论 -
332、Webpack学习笔记07 -【配置 、模块】 2020.04.22
0、目录1、配置2、基本配置3、多个 target4、使用其他配置语言5、模块6、什么是 webpack 模块7、支持的模块类型8、参考文献 1、配置 你可能已经注意到，很少有 webpack 配置看起来完全相同。这是因为 webpack 的配置文件，是一个导出 webpack 配置对象 的 JavaScript 文件。然后 webpack 会根据此配置对象上定义的属性进行处理。 因为 webpa...原创 2020-04-22 17:55:13 · 154 阅读 · 0 评论 -
327、Webpack学习笔记02 -【入口起点】 2020.04.22
0、目录1、单个入口（简写）语法2、对象语法3、常见场景3.1 分离 app(应用程序) 和 vendor(第三方库) 入口3.2 多页面应用程序4、参考文献 正如我们在 起步 中提到的，在 webpack 配置中有多种方式定义 entry 属性。除了解释为什么它可能非常有用，我们还将向你展示如何去配置 entry 属性。 1、单个入口（简写）语法 用法：entry: string|A...原创 2020-04-22 15:13:04 · 149 阅读 · 0 评论 -
326、Webpack学习笔记01 -【概念】 2020.04.22
0、目录1、Webpack概念2、入口（entry）3、输出（output）4、Loader5、插件(plugin)6、模式(mode)7、浏览器兼容性(browser compatibility)8、参考文献 1、Webpack概念 本质上，webpack 是一个现代 JavaScript 应用程序的静态模块打包工具。当 webpack 处理应用程序时，它会在内部构建一个 依赖图(depende...原创 2020-04-22 14:59:08 · 207 阅读 · 0 评论 -
331、Webpack学习笔记06 -【插件】 2020.04.22
0、目录1、剖析2、用法3、配置4、Node API5、参考文献 插件是 webpack 的 支柱 功能。webpack 自身也是构建于你在 webpack 配置中用到的相同的插件系统之上！ 插件目的在于解决 loader 无法实现的其他事。 1、剖析 webpack 插件是一个具有 apply 方法的 JavaScript 对象。apply 方法会被 webpack compiler 调用，...原创 2020-04-22 17:16:25 · 159 阅读 · 0 评论 -
330、Webpack学习笔记05 -【loader】 2020.04.22
0、目录1、示例2、使用 loader2.1 配置(configuration)2.2 内联(inline)2.3 CLI3、loader 特性4、解析 loader5、参考文献 loader 用于对模块的源代码进行转换。loader 可以使你在 import 或"加载"模块时预处理文件。因此，loader 类似于其他构建工具中“任务(task)”，并提供了处理前端构建步骤的强大方法。lo...原创 2020-04-22 17:02:17 · 284 阅读 · 0 评论 -
329、Webpack学习笔记04 -【模式】 2020.04.22
0、目录1、用法2、mode: development3、mode: production4、mode: none5、参考文献 提供 mode 配置选项，告知 webpack 使用相应环境的内置优化。 string 可能的值有：none, development 或 production（默认）。 1、用法 只需在配置对象中提供 mode 选项： module.exports = { mo...原创 2020-04-22 16:29:44 · 227 阅读 · 0 评论 -
328、Webpack学习笔记03 -【输出】 2020.04.22
0、目录1、用法(Usage)2、多个入口起点3、高级进阶4、参考文献 配置 output 选项可以控制 webpack 如何向硬盘写入编译文件。注意，即使可以存在多个 entry 起点，但只指定一个 output 配置。 1、用法(Usage) 在 webpack 中配置 output 属性的最低要求是，将它的值设置为一个对象，包括以下属性： filename 用于输出文件的文件名。 w...原创 2020-04-22 15:22:12 · 164 阅读 · 0 评论