webpack基础01 --- 为什么需要Webpack

什么是webpack

webpack是模块打包工具；他主要的功能是分析项目结构，找到JavaScript模块以及其他的一些浏览器不能直接运行的拓展语言（Scss，TypeScript等），并将其打包为合适的格式以供浏览器使用

为什么使用webpack

前端架构的重点就在于前端工程化，而webpack是搭建前端工程化环境的技术选型。
webpack5：企业级的前端工程化技术。

打包工具出现之前

多个文件

在html文件中，一般会引入很多的js文件，根据js的特性，文件自上到下加载；如果文件引入顺序不对，就回导致问题，这样的不利于多个人员维护

一个文件

将这些js文件中的内容都写在一个文件中，可以解决顺序问题，但是也会引起新问题

解决作用域的问题

之前使用的是Grunt, Gulp这两种工具，这两种工具的是将文件都链接起来，使用IIFE（利用了js的立即执行函数）解决的作用域问题

;(function() {
    // 在立即执行函数前面添加上;可以在压缩的时候避免错误
var str = '这是一个立即执行函数'
)()

console.log(str)

这个时候就在控制台报错，就说明 str 没有污染window环境，也就解决了作用域的问题

var fun. =<