前端代码构建工具初识
构建工具的用途:
代码转换、文件优化、代码分割、模块合并、代码检查等 自动化。
常用 构建工具 有如下:
npm script
node自带功能,即 package.json 里 scripts 定义的命令。
优点是内置,但太简单。
grunt
npm script 的进化版,但集成度不高。
gulp
grunt的加强版,引入了流的概念,可以在 插件间传递。
缺点也是集成度不高
webpack
集成度很高,社区庞大
缺点是 只能用于模块化开发的项目 模块化开发的 即使用模块化规范的入口文件
详细对比 参看链接: