![](https://img-blog.csdnimg.cn/20201014180756926.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
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-至今,在紫光集团旗下紫光云技术有限公司从事中间件软件研发工作
其他:代表公司参加过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 · 164 阅读 · 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 · 234 阅读 · 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 · 127 阅读 · 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 · 268 阅读 · 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 · 128 阅读 · 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 · 125 阅读 · 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 · 165 阅读 · 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 · 135 阅读 · 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 · 221 阅读 · 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 · 183 阅读 · 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 · 138 阅读 · 0 评论