首页 > 其他 > 详细

Duo的基础使用

时间:2020-05-21 17:28:36      阅读:66      评论:0      收藏:0      [点我收藏+]

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"
 

Duo的基础使用

原文:https://www.cnblogs.com/xiao-peng-ji/p/12932034.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!