# npm安装方式配置
# 关于SCSS
GG UI 不依赖SCSS,您无需额外安装此插件。
# 准备工作
在进行配置之前,请确保您已经根据安装中的步骤对GG UI进行了下载安装,如果没有,请先下载安装。
# 如果您的项目是HX创建的,根目录又没有package.json文件的话,请先执行如下命令:
# npm init -y
# 安装
npm install @10yun/ggui-mobile -D
# 更新
npm update @10yun/ggui-mobile
1
2
3
4
5
6
7
8
2
3
4
5
6
7
8
# 配置步骤
配置easycom组件模式
此配置需要在项目根目录的pages.json中进行。
温馨提示
- uni-app为了调试性能的原因,修改easycom规则不会实时生效,配置完后,您需要重启HX或者重新编译项目才能正常使用GG UI的功能。
- 请确保您的pages.json中只有一个easycom字段,否则请自行合并多个引入规则。
// pages.json
{
"easycom": {
"autoscan": true,
"custom": {
"^gg-(.*)": "@10yun/ggui-mobile/lib/gg-$1/gg-$1.vue",
"^uni-(.*)": "@10yun/ggui-mobile/lib-uni/uni-$1/uni-$1.vue"//uni-ui相关组件 可不引用
}
},
// 此为本身已有的内容
"pages": [
// ......
]
}
1
2
3
4
5
6
7
8
9
10
11
12
13
14
2
3
4
5
6
7
8
9
10
11
12
13
14