webpack

Posted 2021-01-21 lily-wang

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了webpack相关的知识，希望对你有一定的参考价值。

什么是webpack？

模块化打包机

作用是什么？

1、模块化，让我们可以把复杂的程序细化为小的文件

2、分析项目结构，找到javascript模式以及其他的一些浏览器不能直接运行的拓展性语言（scss,typescript），并将其转换打包为合适的格式供浏览器使用

3、scss，less等css预处理器

4、搭建服务器

5、语法检验

6、压缩，合并

……

工作流程？

把你的项目当成一个整体，通过给定一个主文件，webPack将从这个文件找到你的项目依赖的所有的文件，使用loaders处理他们，最后打包为一个或多个浏览器可以识别的JavaScript文件。

webpack和gulp/Grunt的区别？

webpack和另外两个没有太多的可比性，gulp/Grunt是前端开发的自动化工具，webpack是一种模块化的解决方式，模块打包机

以上是关于webpack的主要内容，如果未能解决你的问题，请参考以下文章