获取 MDUI
我们提供了多种方式来获取 MDUI。
下载文件
你可以直接从 MDUI 官网下载打包后的文件,其中包含了压缩过的和未压缩过的 CSS 和 JavaScript 文件,以及 Roboto 字体文件和 Material Icons 图标文件。
CDN
cdnjs (国外访问速度较快)
<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/mdui/0.2.1/css/mdui.min.css">
<script src="//cdnjs.cloudflare.com/ajax/libs/mdui/0.2.1/js/mdui.min.js"></script>
bootcdn (国内访问速度较快)
<link rel="stylesheet" href="//cdn.bootcss.com/mdui/0.2.1/css/mdui.min.css">
<script src="//cdn.bootcss.com/mdui/0.2.1/js/mdui.min.js"></script>
Bower
执行下面的命令安装 MDUI:
bower install mdui
NPM
执行下面的命令安装 MDUI:
npm install mdui
从源代码构建
MDUI 使用 Gulp 进行构建。从 Github 获得源代码后,可以执行下列 gulp 命令进行构建。
命令 | 说明 |
gulp version | 输出当前版本号 |
gulp watch | 在源码发生修改时执行打包命令 |
gulp build-css | 打包 CSS 文件,打包后的文件位于 dist/css/ 目录中 |
gulp build-js | 打包 JavaScript 文件,打包后的文件位于 dist/js/ 目录中 |
gulp build | 打包所有文件,打包后的文件位于 dist/ 目录中 |
gulp clean-css | 清空 dist/css/ 目录下的 CSS 文件 |
gulp clean-js | 清空 dist/js/ 目录下的 JavaScript 文件 |
gulp custom | 进行定制打包,打包后的文件位于 custom/ 目录中。该命令需要包含参数,参数说明如下:
|
gulp clean-custom | 清空 custom/ 目录下的所有文件 |