一、写在前面 为什么要使用webpack,我第一印象就是使用其进行打包,但是并没有回答到点上。下面我们将总结一下为什么要使用webpack等一系列打包工具呢? 二、正文 2.1、浏览器的运行效率问题 我们如果不使用任何打包工具,还是按照最原始的写法,其实在开发中就会变得麻烦,比如说我们如果编写的代码文件比较多,此时我们就需要发送多次http请求,如果其中一个文件没有请求回来,此时如果下面的文件对该文件存在一些依赖,就会导致页面中的部分功能没有办法实现。 再者说如果我们将代码编写入一个文件中,此时就会出现文件大小很大,并且也会导致作用域的问题,代码不好维护。 2.2、浏览器对新技术的支持度不够 比如说我们编写一些比较高级的语法,但是部分浏览器是不支持的,此时我们就需要设置一些pollfill去解决该问题。在例如我们编写的TS和Vue文件,这些浏览器都不能识别,而webpack就会使用对应的babel对其进行转化,转化为浏览器可以识别的文件。 三、webpack如何做的 webpack中存在五大模块。Entry,Output,Loader,Plugins,Mode。首先会根据入口文件进行收集依赖,并且在Output中进行输出依赖,并且在其中使用loader和plugins对文件进行相应的转化。

文章链接

评论可见,请评论后查看内容,谢谢!!!评论后请刷新页面。