【基础】了解webpack

webpack作用：

• 模块打包。将不同模块的文件打包整合在一起，保证它们之间的引用正确，执行有序。利用打包，可以根据我们自己的业务自由划分文件模块，保证项目结构清晰可读。
• 编译兼容。利用webpack的loader机制，可以帮助我们对代码做polyfill,还可以编译转换.less,.vue等浏览器无法识别的格式文件，让我们在开发时可以使用新特性和新语法进行开发，提升效率。

• 能力扩展。webpack的plugin机制，可以在实现模块打包和编译兼容基础上，进一步实现如代码压缩，按需加载等一系列功能。帮助我们进一步提高自动化程度，工程效率和打包质量。

核心：

• 入口(entry)
• 输出(output)

• loader
• 插件(plugin)

• 模式(mode)
• 浏览器兼容性(browser compatibility)