gulp && webpack

gulp

前端自动化构建工具，此类的工具还有grunt
webpack 前端打包工具，
打包：分析项目所依赖的内容，自动去处理这些内容，比如：CSS JS IMG JSON 插件

自动化：

  • less sass 自动转为css
  • js 脚本 合并成一个
  • js 脚本 压缩混淆
  • imgage 压缩

使用

  1. npm install -g gulp安装
  2. 进入想要使用gulp的目录

目录说明

  • les文件存放目录
  • index.html主页
最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容

  • Gulp和Webpack的差异
    在现在的前端开发中，前后端分离、模块化开发、版本控制、文件合并与压缩、mock数据等等一些原本后端的思想开始...
    Charlot阅读 10,829评论 1赞 32
  • Gulp & webpack 配置详解
    -- 1. Gulp VS webpack 比较 Gulp 是一个任务管理工具，让简单的任务更清晰，让复杂的任务易...
    慢清尘阅读 8,879评论 7赞 16
  • npm-npmscript-gulp-webpack
    题目1： 如何全局安装一个 node 应用? “全局安装”指的是将一个模块安装到系统目录中，各个项目都可以调用。一...
    saintkl阅读 2,271评论 0赞 0
  • npm-npmscript-gulp-webpack
    1.如何全局安装一个 node 应用? 打开你的命令行工具输入npm install 'packages name...
    Rising_suns阅读 2,755评论 0赞 0
  • ！
    “有人住高楼，有人在深沟，有人光万丈，有人一身锈，世人万千种，浮云莫去求，斯人若彩虹，遇上方知有。” 斯人若彩虹，...
    忆安的夏天阅读 1,917评论 0赞 0