Ronychen的博客

一、Gulp简单介绍中文地址：Gulp中文官网Gulp简介:它是一个于grunt功能类似的前端项目构建工具，也是基于nodejs的自动任务运行器，能自动化完成js/coffee/css/sass/less/html/image等文件的合并、压缩、检查、监听文件变化、浏览器自动刷新、测试等任务，它相比于grunt更高效（异步多任务），更易于使用，插件高质量Gulp使用：使用前，当然也是要确认nodejs是否安装node -v全局下载gulpnpm i -g gulp局部下载gulpn

一、什么是项目构建编译项目中的js、sass、less等文件合并js、css等资源文件压缩js、css、html等资源文件js预发检查等…二、构建工具的作用简单一句话就是：简化项目构建，自动化完成项目构建三、Grunt简单介绍中文网址：grunt中文网地址简介：它是一套前端自动化构建工具，一个基于nodejs的命令行工具，它是一个任务运行器，配合其丰富强大的插件常用功能：合并文件（js/css）压缩文件（js/css）语法检查（js）less/sass预编译处理。。。.

一、概念webpack 是一个现代 JavaScript 应用程序的静态模块打包器(module bundler)。当 webpack 处理应用程序时，它会递归地构建一个依赖关系图(dependency graph)，其中包含应用程序需要的每个模块，然后将所有这些模块打包成一个或多个 bundle（捆）。webpack本身是基于node开发的；像我们打包时要进行各种文件依赖关系的处理，要找到各种文件，这就是通过node中的fs模块来操作的了；从 webpack v4.0.0 开始，可以不用引入一个配置