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"
 
原文地址:https://www.cnblogs.com/xiao-peng-ji/p/12932034.html