webpack到底是个啥玩意儿？和gulp搭配怎么使用？

Question

请输入问题内容

Answer 1

webpack是个打包工具 可以让你的 很多css和js都变成一个css或者js文件
这样可以提高加载效率
你可以把webpack工作 放到构建工具中去 比如gulp

Answer 2

https://www.npmjs.com/package/gulp-webpack/

Answer 3

https://github.com/mcfog/glimmervoid

Answer 4

webpack是一个模块打包器（module bundler）。搭配使用的话，官网上有详细的说明和例子。webpack with gulp

Answer 5

这个问题提的很好, 其实gulp 可以理解为node 环境下的批处理命令, 就像ruby 环境下的rake. 就是说gulp 通过丰富的插件可以做任何事情.

那webpack又是什么呢, webpack可以理解为专门针对前端代码打包的集成方案, gulp可以做到webpack做的, 但webpack做不到gulp能做的. webpack只是针对前端代码的, 例如前端代码的合并,压缩, 把ES6代码转成ES3代码, sass转css等.

gulp 还可以对node 的服务器端的程序做处理,例如批量生成文件, 运行启动服务等等.

至于选择哪个一般看个人喜好和项目要求, 一般react的项目用webpack比较多,其他的项目用gulp比较多

Answer 6

gulp能做的 webpack基本都能做 为什么还要两者搭配 增加学习成本呢 我觉得从简考虑最好了