简介
tamia-build 是一个基于 Gulp 的前端自动化构建工具集,是 tamia UI 库的一部分。该工具集可以帮助开发者自动化完成前端资源的编译、压缩、合并等一系列操作。
安装
在使用 tamia-build 前,需要先安装 Node.js 和 Gulp。安装完 Node.js 后,可以通过 npm 来安装 Gulp 和 tamia-build。
安装 Gulp
执行以下命令:
--- ------- -------- --
安装 tamia-build
在项目根目录下执行以下命令:
--- ------- ----------- ----------
使用
安装完成后,在项目中添加一个 gulpfile.js
文件,并引入 tamia-build:
----- ---- - ---------------- ----- ----- - -----------------------
构建
在 gulpfile.js
中添加一个任务来构建项目:
------------------ -------- -- - ------ ------------ ---
这会在当前目录下生成一个 dist
文件夹,其中包含了经过构建的文件。
开发
在 gulpfile.js
中添加一个任务来开发项目:
---------------- -------- -- - ------ ----------- - ---- ----- ------ - -- ------------ ----- ------------ ----- ----- ----- ------ - --- ---
此时,执行 gulp dev
后会在浏览器自动打开一个本地服务器,并且执行文件变更时会自动刷新浏览器。
自定义
tamia-build 支持自定义设置。在 gulpfile.js
中添加一个任务来自定义配置:
--------------------- -------- -- - ------ ----------- - ---- ------ ----- -------- -------- - -------- ------- ------- ------ --------- -------- ---------- -------- - --- ---
比如,以上代码将源文件目录设置为 src
,目标文件目录设置为 build
。compass
是一个可选的设置,用于 Compass 编译 sass 文件的配置。
总结
tamia-build 是一个非常实用的前端自动化构建工具集,也是一个便捷的 tamia UI 库的辅助工具。我们可以用它来自动完成前端开发中繁琐的工作,从而大大提高开发效率。
示例
以下是一个简单的示例,用于构建 tamia UI 库的样式表:
----- ---- - ---------------- ----- ----- - ----------------------- ------------------ -------- -- - ------ ----------- - -------- - -------- -------- ------- -------- ---------- ---------- --------- --------- ------------ ------------ - --- ---
来源:JavaScript中文网 ,转载请联系管理员! 本文地址:https://www.javascriptcn.com/post/66732