m0_46159545的博客

一、什么是Webpack​ webpack 是一个现代 JavaScript 应用程序的静态模块打包器(module bundler) ， 当 webpack 处理应用程序时，它会递归地构建一个依赖关系图(dependency graph)，其中包含应用程序需要的每个模块，然后将所有这些模块打包成一个或多个 bundle。​ 这样做的好处是，在浏览器加载页面时，不用频繁多次的向服务器请求资源，只需要请求已经打包好的bundle即可，减少了浏览器和服务器的交互次数，节省了资源并且提高了性能。二、W

一、模块化简介​ 随着网站逐渐变成"互联网应用程序"，嵌入网页的Javascript代码越来越庞大，越来越复杂。 我们希望的是自己的代码条理清晰，可读性高，这就需要我们像书写后端代码那样，将javascript的代码模块化，通过js文件之间的互相调用来完成一定的功能。​ 但是，js不像java，没有类、包等概念，只是一个个单独的js文件，每一个文件都是一个独立的模块，有自己的作用域。在一个文件里面定义的变量、函数、类，都是私有的，对其他文件不可见。所以想要实现模块化操作，必须经过一下两个步骤：​

一、什么是babel​ 首先需要了解ES6和ES5的差别：​ ES6比较简洁，书写起来比较方便，所以实际开发中往往使用ES6进行编程。但是ES6的浏览器兼容性不如ES5，为了能够方便编程，并且使得代码可以支持更多的浏览器。我们常常需要将ES6的代码转换成ES5。此时我们常用的技术就是Babel，它是一个被广泛使用的转码器，可以将ES6代码转为ES5代码。这意味着，现在可以用 ES6 编写程序，而不用担心浏览器环境的问题。二、安装babel环境​ 此处介绍通过命令行使用babel，假设你已经安装