# 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

# 配置步骤

配置easycom组件模式

此配置需要在项目根目录的pages.json中进行。

温馨提示

  1. uni-app为了调试性能的原因,修改easycom规则不会实时生效,配置完后,您需要重启HX或者重新编译项目才能正常使用GG UI的功能。
  2. 请确保您的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