gulp

叫做前端自动化构建工具,此类工具还有:grunt
前端自动化构建工具 是什么?
答: 自动化 less sass 自动转为css
js脚本,合并成一个
js脚本,压缩混淆,
img压缩
webpack 前端打包工具 打包:分析项目所以来的内容,自动去处理这些内容,比如css,js ,img,json, 有了打包工具.就不用引用那么多css,js等 插件

使用

  1. 进入使用 gulp 的目录中去,新建一个文件夹叫做js less 新建文件index.html,
    build 将来文件编译输出目录
    js 脚本存放目录
    less
    index.html

webpack工具是最火的一个工具,
之前会一个一个的顺序引入 js ,有了webpack 之后,一切皆模块,
webpack 自动查找依赖,自动打包,
webpack -w
在终端执行webpack 运行, 会去找webpack.config.js 的文件

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 在现在的前端开发中,前后端分离、模块化开发、版本控制、文件合并与压缩、mock数据等等一些原本后端的思想开始...
    Charlot阅读 10,845评论 1 32
  • 前言 众所周知目前比较火的工具就是gulp和webpack,但webpack和gulp却有所不同,本人两者的底层研...
    cduyzh阅读 5,206评论 0 13
  • 在现在的前端开发中,前后端分离、模块化开发、版本控制、文件合并与压缩、mock数据等等一些原本后端的思想开始逐渐渗...
    彬_仔阅读 25,706评论 21 139
  • -- 1. Gulp VS webpack 比较 Gulp 是一个任务管理工具,让简单的任务更清晰,让复杂的任务易...
    慢清尘阅读 8,890评论 7 16
  • 为什么需要前端工程化? 前端工程化的意义在于让前端这个行业由野蛮时代进化为正规军时代,近年来很多相关的工具和概念诞...
    齐修_qixiuss阅读 41,706评论 36 218