为什么要用webpack!
程序员文章站
2022-07-02 13:15:31
为什么要用webpack? 现今的很多网页其实可以看做是功能丰富的应用,它们拥有着复杂的JavaScript代码和一大堆依赖包。 模块化,让我们可以把复杂的程序细化为小的文件; 类似于TypeScript这种在JavaScript基础上拓展的开发语言:使我们能够实现目前版本的JavaScript不能 ......
为什么要用webpack?
现今的很多网页其实可以看做是功能丰富的应用,它们拥有着复杂的javascript代码和一大堆依赖包。
模块化,让我们可以把复杂的程序细化为小的文件;
类似于typescript这种在javascript基础上拓展的开发语言:使我们能够实现目前版本的javascript不能直接使用的特性,并且之后还能转换为javascript文件使浏览器可以识别;
scss,less等css预处理器;
这些改进确实大大提高了开发的效率,但是利用他们开发的文件往往需要额外的处理才能被浏览器识别,而手动处理又是非常繁琐的,这就为webpack这些工具的出现提供了需求。
webpack是模块打包器,他可以分析你的项目结构,找到javascript模块以及其他一些不能被浏览器直接识别的文件,比如typescript、less、scss等,然后把他们转换和打包为合适的格式供浏览器使用。
webpack和grunt/gulp工作方式的区别:
grunt和gulp的工作方式是:在一个配置文件中,指明对某些文件进行类似编译、组合、压缩等任务的具体步骤,工具之后可以自动替你完成这些任务
webpack的工作方式是:把你的项目当成一个整体,通过一个给定的主文件index.js,webpack将从这个文件找到项目的所有依赖文件,使用loader处理他们,最后打包为一个或多个浏览器可以识别的javascript文件
webpack、gulp/grunt、npm打包方面有什么区别:
1.webpack是模块打包器,把所有模块打包成一个或少量文件,使你只需要加载少量文件即可以运行应用
2.gulp/grunt是自动化构建工具,无法打包模块,插件比webpack丰富
3.npm是node的包管理器,用于管理node的第三方软件包,npm最大的优势是任务命令,只需要几个任务命令足以完成你的模块打包和自动化构建的所有需求。
下一篇: mysql第五课
推荐阅读
-
tp3.2.3 table方法为什么可以select不能save操作?
-
为什么在html设置了禁用浏览器缓存,但点前进后退时页面还是 返回 From cache_html/css_WEB-ITnose
-
碰到怪事了 PHP 设定了range范围 但运行结果却是显示在范围之外,为什么?
-
为什么谷歌要执行严格的代码编写规范
-
5.1声道的音箱为什么只有两个喇叭响
-
为什么tp 5使用use thinkdb就可以使用db方法
-
哈工程排名为什么这么低?哈工程什么等级211?
-
thinkphp模板中添加了一个if标签后布局发生了改变,为什么会这样?
-
在webpack中如何使用iconfont字体图标
-
用了构造函数为什么这个还是2?