// 函数 声明式函数 不可以是箭头函数 // loader有许多属性都挂载在this上面// 函数 必
原创
2023-03-15 09:21:12
80阅读
官⽅⽹站：
https://babeljs.io/
中⽂⽹站：
https://www.babeljs.cn/
Babel是JavaScript编译器，能将ES6代码转换成ES5代码，让我们开发过程中放⼼使⽤JS新特性⽽不⽤担⼼兼容性问题。并且还可以通过插件机制根据需求灵活的扩展。 Babel在执⾏编译的过程中，会从项⽬根⽬录下的 .babelrc JSON⽂件中读取配置。
原创
2023-03-27 14:49:43
70阅读
1 Tapable简介 webpack本质上是一种事件流的机制，它的工作流程就是将各个插件串联起来，而实现这一切的核心就是Tapable，webpack中最核心的负责编译的Compiler和负责创建bundles的Compilation都是Tapable的实例。本文主要介绍一下Tapable中的钩子
转载
2022-07-14 09:26:41
100阅读
本机存放的路径： F:\教程\10天彻底搞定-webpack4.0 联想电脑代码存放的路径： D:\MyDemos\webpack4 10天彻底搞定-webpack4.0 1、webpack课程介绍 2、webpack基础配置 3、webpack打包出的文件解析 4、Html插件 5、样式处理(1)
转载
2019-03-18 20:29:00
126阅读
概述 webpack是一个前端资源加载/打包工具。它将根据模块的依赖关系进行静态分析，然后将这些模块按照指定的规则生成对应的静态资源。 当 webpack 处理应用程序时，它会递归地构建一个依赖关系图，其中包含应用程序需要的每个模块，然后将所有这些模块打包成一个或多个 bundle。
原创
2021-08-26 14:56:43
257阅读
1.webpack概念 WebPack可以看做是模块打包机：它做的事情是，分析你的项目结构，找到JavaScript模块以及其它的一些浏览器不能直接运行的拓展语言（Scss，TypeScript等），并将其打包为合适的格式以供浏览器使用。 构建就是把源代码转换成发布到线上的可执行 JavaScrip
转载
2018-11-05 16:40:00
135阅读
这里我们通过npm来进行安装 1. 安装 webpack // 全局安装webpack npm install webpack -g 2. 通过 webpack -v 命令查看当前安装的版本 此时如果你想通过 webpack -v 命令来查看当前安装的版本，会出现如下提示信息 上面的提示意思就是说，
转载
2020-02-22 22:59:00
76阅读
2评论
概述 webpack是一个前端资源加载/打包工具。它将根据模块的依赖关系进行静态，然后将这些模块按照指定的规则生成对应的静态资源。 当 webpack 处理应用程序时，它会递归地构建一个依赖关系图，其中包含应用程序需要的每个模块，然后将所有这些模块打包成一个或多个 bundle。下面一张图能更加形象的描述webpack：webpack4.0新特...
原创
2022-02-10 10:07:08
160阅读
browserslist 是在不同的前端工具之间共用目标浏览器和 node 版本的配置工具。主
原创
2023-03-15 09:53:29
276阅读
webpack作为前端最火的构建工具，是前端自动化工具链最重要的部分，使用门槛较高。本系列是笔者自己的学习记录，比较基础，希望通过问题+解决方式的模式，以前端构建中遇到的具体需求为出发点，学习webpack工具中相应的处理办法。（本篇中的参数配置及使用方式均基于webpack4.0版本）一.Integration下文摘自webpack中文网：首先我们要消除一个常见的误解，webpack是一个模块打
原创
2018-08-31 16:41:17
1601阅读
点赞
注意： 1、在webpack里，所有文件都是模块 例如：JS模块 >模块化(AMD、CMD、ES6 Module、Commonjs) 关于模块化参见https://www.cnblogs.com/jianxian/p/12753375.html. 如下所示 接下来便可以导入使用 最后做下验证输出，可
转载
2020-04-22 20:16:00
232阅读
2评论
非常弱的零配置，而且没有指定打包模式——mode
原创
2023-03-13 14:36:57
88阅读
webpack4.0各个击破（5）——Module篇webpack作为前端最火的构建工具，是前端自动化工具链最重要的部分，使用门槛较高。本系列是笔者自己的学习记录，比较基础，希望通过问题+解决方式的模式，以前端构建中遇到的具体需求为出发点，学习webpack工具中相应的处理办法。（本篇中的参数配置及使用方式均基于webpack4.0版本）使用webpack对脚本进行合并是非常方便的，因为webpa
原创
2018-08-29 14:36:04
5144阅读
点赞
1评论
webpack作为前端最火的构建工具，是前端自动化工具链最重要的部分，使用门槛较高。本系列是笔者自己的学习记录，比较基础，希望通过问题+解决方式的模式，以前端构建中遇到的具体需求为出发点，学习webpack工具中相应的处理办法。（本篇中的参数配置及使用方式均基于webpack4.0版本）一.tapable概述tapable地址：【tapable-0.2】tapable是webpack的核心框架（4
原创
2018-08-30 16:41:25
9939阅读
点赞
1评论
webpack作为前端最火的构建工具，是前端自动化工具链最重要的部分，使用门槛较高。本系列是笔者自己的学习记录，比较基础，希望通过问题+解决方式的模式，以前端构建中遇到的具体需求为出发点，学习webpack工具中相应的处理办法。（本篇中的参数配置及使用方式均基于webpack4.0版本）一.webpack与自动化测试webpack对应的关键词是模块化，它的主要任务就是打包和管理模块，所以首先需要明
原创
精选
2018-08-31 15:47:34
9629阅读
点赞
首先我们要消除一个常见的误解，webpack是一个模块打包工具(module bundler)，它不是一个任务执行工具，任务执行器是用来自动化处理开发中常见任务的，例如检查(lint)，构建(build)，测试(test)等。相对于打包器，任务执行器所面对的逻辑问题更为上层，你可以使用上层的工具来管... ...
转载
2021-01-19 22:29:39
249阅读
2评论
tapable是webpack的核心框架（4.0以上版本的API已经发生了变化），是一个基于事件流的框架，或者叫做发布订阅模式，或观察者模式，webpack的整个生命周期及其开放的自定义插件系统都离不开tapable的支持，研究其运行原理是阅读webpack源代码的第一步。官方仓库master分支的代码是经过ES6重构的，模块化拆分非常细，且加入了很多非核心逻辑，阅读难度较大。建议先从官方仓库中0
转载
2021-01-22 21:57:56
227阅读
2评论
一. Js模块化开发javascript之所以需要打包合并，是因为模块化开发的存在。开发阶段我们需要将js文件分开写在很多零碎的文件中，方便调试和修改，但如果就这样上线，那首页的http请求数量将直接爆炸。同一个项目，别人2-3个请求就拿到了需要的文件，而你的可能需要20-30个，结果就不用多说了。但是合并脚本可不是*“把所有的碎片文件都拷贝到一个js文件里”*这样就能解决的，不仅要解决命名空间冲
转载
2021-01-31 13:08:08
287阅读
2评论
tapable是webpack的核心框架（4.0以上版本的API已经发生了变化），是一个基于事件流的框架，或者叫做发布订阅模式，或观察者模式，webpack的整个生命周期及其开放的自定义插件系统都离不开tapable的支持，研究其运行原理是阅读webpack源代码的第一步。官方仓库master分支的... ...
转载
2021-01-06 13:39:00
194阅读
2评论
【摘要】 webpack作为前端最火的构建工具，是前端自动化工具链最重要的部分，使用门槛较高。本系列是笔者自己的学习记录，比较基础，希望通过问题 + 解决方式的模式，以前端构建中遇到的具体需求为出发点，学习webpack工具中相应的处理办法。（本篇中的参数配置及使用方式均基于webpack4.0版本）一. Integration下文摘自webpack中文网：首先我们要消除一个常见的...
原创
2021-05-25 09:39:12
274阅读
