构建一个基本的前端自动化开发环境 —— 基于 Gulp 的前端集成解决方案（四）

通过前面几节的准备工作，对于 npm / node / gulp 应该已经有了基本的认识，本节主要介绍如何构建一个基本的前端自动化开发环境。 下面将逐步构建一个可以自动编译 sass 文件、压缩 javascript 文件、多终端多浏览器同步测试的开发环境，并且还可以通过 piblish 命令对项目下的文件进行打包操作。

相关连接导航

在windows下安装gulp —— 基于 Gulp 的前端集成解决方案（一）

执行 $Gulp 时发生了什么 —— 基于 Gulp 的前端集成解决方案（二）

常用 Gulp 插件汇总 —— 基于 Gulp 的前端集成解决方案（三）

构建一个基本的前端自动化开发环境 —— 基于 Gulp 的前端集成解决方案（四）

一、创建目录结构

建立如下目录结构，learn-gulp 作为我们的项目根目录。

learn-gulp/├── app/│  ├── sass/│  │  └─ main.scss│  ├── scripts/│  │  └─ javascript.js│  └── index.html├── dist/└── release/

海外公司注册、海外银行开户、跨境平台代入驻、VAT、EPR等知识和在线办理：https://www.xlkjsw.com

原标题：构建一个基本的前端自动化开发环境 —— 基于 Gulp 的前端集成解决方案（四）

关键词：前端