gulp构建项目

关注

原创最新推荐文章于 2026-07-17 12:00:18 发布 669 阅读 AI 写同款· GEO 优化 ›

Gulp构建Angular项目实践 Gulp是近年来很火的一款前端自动化构建工具，本人之前做的项目采用的是Grunt，感觉其配置较为繁琐，不是特别友好，故尝试用Gulp来构建一个Angular项目。在实践之前我们先了解一下对比Grunt，Gulp有哪些优点：易用：Gulp相比Grunt更简洁，而且遵循代码优于配置策略，维护Gulp更像是写代码。高效：Gulp相比Grunt更有设计感，核心设计基于Unix 阅读详情

1.创建project文件夹，手动初始化项目，使用npm管理工具

npm init --yes

2.根据package.json中的依赖包来进行项目的开发

cnpm install //此处使用的是淘宝镜像 安装所有的依赖包

3.首先确保你全局安装了gulp,当然项目中也安装了gulp

gulp init //此处命令是自定义的初始化src目录任务，会自动帮我们建立好src目录

4.利用package.json中的命令启动 .gitgnore文件是为了防止git提交node modules文件；.jshintrc是js代码格式规范配置

 "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1",
    "start": "gulp dev",  //本地启动
    "dev": "gulp dev",  //同上
    "clean": "rimraf dist", //主要清除打包生成的dist目录
    "build": "rimraf dist && gulp build"  //打包编写好的src目录资源生成dist
  },

收录于