简介
aurelia-tools 是一个基于 Gulp 的构建工具,用于辅助开发 AureliaJS 应用程序。它包含了一系列优秀的插件,如:编译 TypeScript、Sass 和 Less 样式文件、压缩 JavaScript 以及自动化测试等。
安装
在使用 aurelia-tools 之前,需要保证已经安装 Node.js 和 npm。如果你还未安装,可以参考 Node.js 官方文档 进行安装。
接下来,通过 npm 安装 aurelia-tools:
--- ------- ------------- ----------
使用
在项目根目录下创建一个 gulpfile.js
文件,并初始化 aurelia-tools:
----- ---- - ---------------- ----- ------- - ----------------------------------- ------------------ -------- -- - ---------------- --- ------------------ -------- -- - ---------------- --- ------------------ -------- -- - --------------- ----- ---- --- ---
在命令行中执行 gulp build
命令,即可编译 TypeScript、Sass 和 Less 样式文件,并压缩 JavaScript 代码。
执行 gulp watch
命令,则会监视文件变化,自动重新编译和刷新浏览器。
执行 gulp serve
命令,则会启动一个本地服务器,并自动打开默认浏览器。
除了这些基本命令,aurelia-tools 还提供了很多插件和选项,可以根据需要进行配置,详见 官方文档。
示例
以下是一个简单的 AureliaJS 应用程序示例:
---- -------- --- ---------- -------- ---------------------------- ---- ------------ ------------------- ------ ----------- -------------------- -- ------ -----------
-- ------ ------ ----- --- - ------- - ------- -------- -
-- -------- ---- - -------- ----- -- - ---------- ----- ------ ----- - ------------------ - ------ ----- ----------- ----- -------- ----- ---------- ----- ------- --- ----- ----- -------------- ---- - -
在命令行中执行 gulp build
命令,则会生成如下文件:
----- --- ------ --- ------- --- -------- --- ----------- --- -------------------- --- ---------
其中,app.js
是编译后的 JavaScript 文件,app.css
是编译后的 CSS 文件,app.html
是编译后的 HTML 文件,app.html.js
是编译后的 JavaScript 模板文件,aurelia_framework.js
是 aurelia-framework 库文件,vendor.js
是第三方库文件(如:require.js)。
最后,在浏览器中打开 dist/index.html
文件,即可查看效果。
来源:JavaScript中文网 ,转载请联系管理员! 本文地址:https://www.javascriptcn.com/post/43687