简介
doozer-build 是一个基于 Gulp 构建系统的前端自动化工具集，它能够简化项目构建的任务，提供了一些有用的插件来优化工作流，并对项目进行优化。doozer-build 包含四个子任务: clean、serve、build 和 watch。
安装
doozer-build 可以通过 npm 安装：
npm install doozer-build
主要功能
doozer-build 的主要功能包括：
- 编译 SASS: 使用 gulp-sass 插件来编译 SASS 文件。
- JavaScript 文件检测和压缩: 使用 gulp-jshint 插件来检查代码是否有错误，使用 gulp-uglify 插件来压缩 JavaScript 文件。
- 图像压缩: 使用 gulp-imagemin 插件来压缩图像文件。
- 自动添加 CSS 浏览器前缀: 使用 gulp-autoprefixer 插件来自动添加 CSS 浏览器前缀。
- 自动刷新浏览器: 使用 browser-sync 库来自动刷新浏览器。
- 启动本地服务器: 使用 gulp-connect 插件来启动本地服务器。
详细步骤
以下是使用 doozer-build 的详细步骤：
步骤 1: 创建一个目录并安装依赖
首先，创建一个新目录，然后进入该目录并运行以下命令：
npm init
然后，安装 doozer-build 和其他必要的 npm 包。在终端中转到您的项目文件夹并运行：
npm install --save-dev doozer-build gulp-sass gulp-uglify gulp-jshint gulp-imagemin gulp-autoprefixer browser-sync gulp-connect
步骤 2: 创建 Gulpfile
你需要创建一个名为 Gulpfile.js 的文件并保存到你的项目根目录，然后添加以下代码：
-- -------------------- ---- -------
---- --------
--- ---- - ----------------
---- - ---------------------
------------ - -----------------------------
------ - -----------------------
------ - -----------------------
-------- - -------------------------
----------- - ---------------------------------
------- - ------------------------
-- -- ---------- ---
----------------- ---------- -
------ ---------------------
---------------
----------------------------------
---
-- -- ----- --- ---- --
----------------- ---------- -
------ -------------------------
------------------------ --------------- -- -- --------- ---- ---- --
------------------------ - ----------
-------------------------
--------------------------
------- ----
----
---
-- ----- -- --
-------------------- ---------- -
------ ---------------------
---------------
-------------------------
---
-- ----
------------------- ---------- -
------ ----------------------
----------------
------------ -----
------------------ -
---
-----------------------------
---
-- -- ------------ --- ----- ----- --- -------
------------------ --------- ---------- -
------------------
------- ----
---
--------------------------- ----------
----------------------------------- --------------------
------------------------------------ --------------------
-------------------------------------- --------------------
---
-- ----
-------------------- -------- ------- ---------- --------- ----------步骤 3: 运行 Gulpfile
在项目文件夹的终端中，输入以下命令：
gulp
此时，gulp 会运行每个任务，并在浏览器中启动服务器。你现在已经可以在 localhost:3000 上预览你的网站了。当你修改源文件时，浏览器会自动刷新。
结语
doozer-build 是一个方便前端工程师使用的自动化工具，它有助于自动化任务，减少繁琐的重复工作，提高工作质量和效率。通过这篇文章，希望你能够掌握 doozer-build 的使用方法，实现前端自动化。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/77751