您好, 欢迎来到 !    登录 | 注册 | | 设为首页 | 收藏本站

un-app 其他配置文件详解

我们日常开发的时候,如果没有特殊的需求,是不需要重新设置 项目中的的,大多数情况下,保持认的状态就可以了。

但是这些的大致我们还是需要了解一下,开发时遇到突发情况给自己多提供思路问题,以备不时之需。

的全局配置:pages.json、manifest.json、package.json、vue-con.js、uni.scss。pages.json我们上一小节已经讲过了,本小节我们来看看其他。

manifest.json 主要用来指定项目的基础配置、图标配置、面配置等。

使用 HBuilderX 创建的项目,manifest.json 是在项目的根目录下面。使用CLI 创建的项目,manifest.json 是在项目的 src 目录下面。

在 HBuilderX 中打开manifest.json ,认的是可视化操作界面。如果想要转换成源码,点击可视化操作中左下角的“源码视图”就会看到源码了。

Native.js 权限部分会根据配置的模块权限,在打包后填充。
大多数 modules 是认的,不需要我们进行配置。还有像配置证书信息等部分配置,是在打包的操作界面补全这些信息。

还有一些配置我们开发的时候可能需要,接下来我们来详细看一下。

HBuilderX 中帮我们集成了很多常用的原生控件,比如 Maps 地图控件、Payment 支付控件。

开发时建议直接使用这些 HBuilderX 中的原生控件就可以了,相比于其他控件,原生空间操作速度会更流畅一些,可以提高APP的使用体验。

系统会自己帮我们开启一些权限,其中使用网络权限、读写 SD 卡权限、读取设备标识使用、安装 apk 需要的权限等。权限的设置可以参考下面的官方文档,写的非常详细。

Android平台云端打包权限配置:

项目中的 package.json ,一般是用来帮我们扩展项目配置的。

这个不是所有项目中都有,通过 HBuilderX 可视化界面创建的项目一般认是不创建 package.json 的。通过vue-cli命令行方式创建的项目认是有 package.json 的。

我们可以通过在package.json中扩展节点,可以实现钉钉、微信服务号等这样的平台条件编译平台。

条件编译平台我们在前面小节讲过如何微信服务号条件编译平台,这次来演示一下如何钉钉条件编译平台,以及怎样在编译平台上面运行及发布项目。

通过 HBuilderX 可视化界面创建的项目一般认是没有 package.json 的,这样我们需要在项目根目录下面新建 package.json 。

找到 package.json 后,在 package.json 中以下。注意一定不要落下最外层的大括号。

实例:

{
	"": {
		"scripts": {
			"mp-dingtalk": {
				"title": "运行到钉钉",
				"env": {
					"UNI_PLATFORM": "mp-alipay"
				},
				"define": {
					"MP-DINGTALK": true
				}
			}
		}
	},
	"dependencies": {}
}

后面在开发过程中,如果想要让只在平台上面运行,可以像下面这样定义,与使用其他平台的条件编译是一样的。

实例:

// #ifdef MP-DINGTALK
  console.log("钉钉平台特有")
// #endif

如果是通过 vue-cli 进行开发,可以在命令行运行下面来运行发布项目。

npm run dev:custom mp-dingtalk 
npm run build:custom mp-dingtalk

如果通过 HBuilderX 进行开发, HBuilderX 开发工具会根据package.json 中的配置,在运行和发行下。

如果package.json中的配置完成后,HBuilderX 开发工具没有帮我们,我们可以先编译一下项目,比如点击运行–运行到内置浏览器。编译完成后,就会出现了。

最后我们点击对应的编译运行项目就可以了,如下图:

vue.con.js 是可选的,一般用于配置 webpack 等编译选项。如果项目的根目录中存个,那么它会被加载,可以与 manifest.json 搭配使用。

如果 vue.con.js 与 manifest.json 中的配置冲突了,系统会以manifest.json 中的配置为准,覆盖掉 vue.con.js 中的配置。

vue.con.js 动态参数配置,但是每次更新此的参数,要记得重新编辑程序配置才生效。

uni.scss 在项目根目录下面可以找到,这个放了一些 内置的常用样式变量。主要是用来控制项目的全局样式的,比如底色、按钮颜色等。

我们可以通过 uni.scss 中的变量来定制自己需要的,实现。

不像其他的样式,用到的时候,需要先 import 才可以使用。uni.scss 比较特殊,我们不需要 import 这个,uni.scss 中的样式变量就可以在该项目中的所有中。

本小节我们主要给大家讲解了un-app 中manifest.json、package.json、vue-con.js、uni.scss的作用。

虽然本小节介绍的需要我们自己配置的机会不多,但是还是需要我们大家去了解并掌握,这样如果碰到相关的开发需求可以定位到问题。


联系我
置顶