简介
tamia-build 是一个基于 Gulp 的前端自动化构建工具集，是 tamia UI 库的一部分。该工具集可以帮助开发者自动化完成前端资源的编译、压缩、合并等一系列操作。
安装
在使用 tamia-build 前，需要先安装 Node.js 和 Gulp。安装完 Node.js 后，可以通过 npm 来安装 Gulp 和 tamia-build。
安装 Gulp
执行以下命令：
npm install gulp-cli -g
安装 tamia-build
在项目根目录下执行以下命令：
npm install tamia-build --save-dev
使用
安装完成后，在项目中添加一个 gulpfile.js 文件，并引入 tamia-build：
const gulp = require('gulp'); const build = require('tamia-build');
构建
在 gulpfile.js 中添加一个任务来构建项目：
gulp.task('build', function () { return build(gulp); });
这会在当前目录下生成一个 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
