可以说现在但凡开发Single page application,webpack是一个不可或缺的工具. WebPack可以看做是一个模块加工器,如上图所示.它做的事情是,接受一些输入,经过加工产生一些输出. 输入是我们web前端项目的模块文件,通常情况下这些文件都不能直接被浏览器的JavaScript执行引擎所执行. 输出是经过webpack加工后的能被浏览器使用的javascript和静态资源文件.比如ES6的js转成ES5的js,CSS预处理器文件转成CSS文件等等. 我们来动手做一个具体的…