开始 / get started
优质
小牛编辑
132浏览
2023-12-01
安装 / Install
通过 bower
进行安装
# 如果你没有安装 bower,请先安装 bower 哟 # 如果已经安装过 bower,请跳过这一条 npm install -g bower # 开始安装 moye bower install moye
或者从 github 上直接克隆源码
# 通过 git 从 github 上获取 moye git clone https://github.com/ecomfe/moye.git
设定 / Setup
设定 amd
配置
moye 是基于 amd
模式开发的,因此在正式使用前,需要对 amd
模块加载器进行配置。
require.config({ baseUrl: 'src', // 只需要在这里配置一下 moye 包配置即可 packages: [{ name: 'moye', main: 'main', // 实际上主要是这个参数啦,指向项目中的 moye 目录即可 location: 'path/to/your/moye' }] });
NOTICE:
moye
并不支持在global
变量模式或者cjs
模式下使用。建议使用 amd 来构建你的项目
设定 less 编译路径
moye
的样式源码是使用 less 进行编写的。
我们使用了 est 来简化我们在开发 less
时的工作。est 这是一个非常强大的 less mixin
库。
因此,在你的 less
编译参数中,需要将 est
的路径加入到 paths
中。
将 est 路径加入 less 编译参数中
lessc --include-path=path/to/your/est
一将来讲 est
会在 bower install
一起安装到你的项目,位于 moye
同一级的目录。
如果没有通过 bower
安装,那么可以通过这条命令来安装它
git clone https://github.com/ecomfe/est.git
完成 / done
你已经完成了全部设置,开始使用吧!