webPack的作用就是把多个js合并成一个？

Question

我刚学习webPack不久，对其一些理解不知道对不对，请各位老司机点拨纠正。

1、看了几次教程，感觉webPack主要功能是合并多个js到一个的。
code01.js、code02.js、code03.js 编译后--> all.js
那么请问，整个项目那就只用引用一个js了么？有合适的按需加载机制么？
另：是不是css也能合并到一起变成一个css？
那webpack会处理变量重名的问题么？（如两个js文件都有var a=10;合并后会混乱么？)；
会处理css类名重复的问题么？（如两个css分别都有.title的样式，并被不同.html引用，合并前互不影响，合并后就麻烦了）

2、看到介绍，说页面中可以直接引入sass、typeScript的源码，然后它会构建出浏览器可识别的css、js来。
这个理解是正确的吧？

3、我学习尚未深入，请老司机用通俗易懂的方式解答一下，感谢司机。
如果有什么其它应用场景，也请老司机不吝赐教。
good man one life safe.

Answer 1

我抛砖引玉一个...
以我粗浅的理解，有以下几个作用

1. 全部模块化，管你是js/css/img...通通视为模块，这是它很重要的思想，甚至连在html中引入img都要添加一个loader来载入，方便统一管理

2. 强大的预处理，模块化之后，webpack可以帮你做很多预处理的事情，比如编译typescript，编译scss，压缩img，转化base64等等

3. 有一些好用的插件，比如热替换什么的

Answer 2

可以看看这个https://www.zhihu.com/questio...

Answer 3

1. webpack作用不仅是合并文件，通过使用各种loaders plugins你可以随心所欲使用es6 sass等各种语法。至于你若担心的合并变量的事情，不会发生。
   如果想抽离单独的css文件，可以借助extractTextplugin来完成

2.对的，语法糖的东西都可以被插件编译