为什么要使用webpack
Posted 前端初学者
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了为什么要使用webpack相关的知识，希望对你有一定的参考价值。
2018-05-09 修真院web学员 268
每天一篇好文章系列18年第32期
最近在开发的时候第一次接触了vue-cli脚手架工具，也是第一次接触webpack，在使用其完成了一个项目后，终于理解到为什么大部分项目都会使用webpack。webpack配合npm等包管理工具可以轻松进行模块管理，方便直接，并且可以统一所有的扩展工具，包括Typescript等语言、Less/Sass等预处理语言，输出为浏览器100%可以识别并使用的格式，而且可以根据配置方便地输出简单明了的生产环境文件。本文以比较突出的例子描述了Webpack的几个优点，以及为什么要使用Webpack。
优缺点，但是优点更为突出
1、什么是Webpack
WebPack可以看做是模块打包机：它做的事情是，分析你的项目结构，找到javascript模块以及其它的一些浏览器不能直接运行的拓展语言（Scss，TypeScript等），并将其打包为合适的格式以供浏览器使用。
2、为什要使用WebPack
今的很多网页其实可以看做是功能丰富的应用，它们拥有着复杂的JavaScript代码和一大堆依赖包。为了简化开发的复杂度，前端社区涌现出了很多好的实践方法
a:模块化，让我们可以把复杂的程序细化为小的文件;
b:类似于TypeScript这种在JavaScript基础上拓展的开发语言：使我们能够实现目前版本的JavaScript不能直接使用的特性，并且之后还能能装换为JavaScript文件使浏览器可以识别；
c:scss，less等CSS预处理器
.........
这些改进确实大大的提高了我们的开发效率，但是利用它们开发的文件往往需要进行额外的处理才能让浏览器识别,而手动处理又是非常反锁的，这就为WebPack类的工具的出现提供了需求。
更多内容，请点击左下角阅读原文
以上是关于为什么要使用webpack的主要内容，如果未能解决你的问题，请参考以下文章