为什么要用webpack构建工具？1、在开发效率方面：一般的开发过程中，任务分配后，每个人完成自己单独的页面。如果开发完成后有人接管了其他人的任务，可能会在开发过程中引起冲突。使用模块化开发可以避免这个问题。前端模块化开发可以参考文献：https://github.com/fouber/blo...2.js、css、html等文件的管理：页面完成后，一般是js，css，HTML被打包压缩，通常是借助第三方工具。webpack通过合适的loader上线时可以对代码进行压缩和删除注释。这样可以节省资源。3、实时刷新功能：我们在开发的时候，习惯配置nginx作为代理访问后台数据。每次修改配置文件都需要重启服务器，非常麻烦！！！修改完代码还要按f5刷新，甚至ctrl+f5强制刷新，感觉有点麻烦。可以使用webpack的热更新来实现实时刷新。提高开发效率。4、使用新的es6语法：对于不兼容es6的浏览器，使用webpack中的babel-loader加载器解析es6语法，支持各种浏览器。感觉webpack对于模块化开发真的很强大。这是我通过一个项目后对webpack的理解。然而，我对webpack的性能优化做得很少。看了开发文档，还是遇到了各种各样的问题。欢迎各位大神指点。webpack是基于node环境搭建的，先自己安装node。参考资料：https://www.liaoxuefeng.com/w...项目地址：https://github.com/houseLiYon...在cmd命令行gitclonehttps://github.com/houseLiYon...。安装好淘宝镜像后：cnpminstall；安装各种依赖；loader的版本可能不对应，请安装对应的版本。然后在webpack.config.js中，修改devServer的host；我的主机IP是192.168.10.143。查看自己机器的ip，在cmd命令行输入ipconfig；修改成自己的IP。然后执行：cnpmrunserver在本地打开项目。目录结构是第一次写文章，表述可能不太清楚，欢迎指出！！！对于第一次使用webpack的同学来说，上手可能会有些吃力。推荐去MOOC学习基础课程：http://www.imooc.com/video/14...
