Duo的基础使用
1)、Duo是在Component的基础上开发的,语法和配置文件基本通用,并且借鉴了Browserify和Go语言的一些特点,相当地强大和好用
2)、
首先,安装Duo
运行命令:
npm install -g duo
然后,编写一个本地文件index.js
var uids = require('matthewmueller/uids');
var fmts = require('yields/fmts');
var msg = fmt('Your unique ID is %s!', uids());
window.alert(msg);
上面代码加载了uids和fmts两个模块,采用Component的"github用户名/项目名"格式
接着,编译最终的脚本文件
运行命令:
duo index.js > build.js
编译后的文件可以直接插入网页
<script src="build.js"></script>
Duo不仅可以编译JavaScript,还可以编译CSS
@import 'necolas/normalize.css';
@import './layout/layout.css';
body {
color: red;
background: url('./background-image.jpg');
font-size:16px;
}
编译时,Duo自动将normalize.css和layout.css,与当前样式表合并成同一个文件
duo index.css > build.css
编译后,插入网页,如下:
<link rel="stylesheet" href="build.css"