``` yarn add uniapp-config --dev ``` ## 项目配置 ``` js // 首先在项目根目录添加 uniapp.config.js // uniapp.config.js 内容 // 本地IDE配置，主要为了解决多人协作时提交Git冲突，所以设置一个本地配置，Git忽略即可 const localConfig = require('./uniapp.config.local.js')
yarn add uniapp-config --dev
项目配置
js
// 首先在项目根目录添加 uniapp.config.js
// uniapp.config.js 内容
// 本地IDE配置，主要为了解决多人协作时提交Git冲突，所以设置一个本地配置，Git忽略即可
const localConfig = require('./uniapp.config.local.js')module.exports = {
manifestFile: 'src/manifest.json',
configDir: 'src/config-hospital', // 配置存放的文件夹
watchDir: 'src/config-hospital/中国', // 需要监听的文件夹
defaultConfigFile: 'src/config-hospital/default.js', // 默认配置 根据情况配置 非必须
mapFile: 'src/config-hospital/map.js', // 配置索引
/**
* @description 微信专属配置
* version 上传代码版本号，每次上传理应修改
*/
'mp-weixin': {
version: '1.0.12',
description: 'xxxxx小程序',
ideDir: localConfig['mp-weixin'].ideDir
},
/**
* @description 自定义扩展配置
*/
extend: [
{
backUp: true, // 备份文件
// uni-app 主配置文件
configFile: './src/manifest.json',
// 配置对应白名单
setWhite: {
'description': 'companyName',
'mp-weixin.appid': 'platform.wx.appId',
'mp-weixin.plugins': { path: 'platform.wx.plugins', default: {} },
'mp-alipay.appid': 'platform.ali.appId'
}
},
{
// 页面配置
backUp: true, // 备份文件
configFile: './src/pages.json',
setWhite: {
'电子健康卡插件': {
default: {},
setPath: [
'subPackages',
val => val.root === 'pages/common',
'pages',
val => val.path === 'user-card/user-card',
'style.mp-weixin.usingComponents'
],
getPath: ['platform.wx.user-card/user-card.usingComponents']
}
}
},
{
// 切换首页主题风格
configFile: './src/pages/index/index.vue',
watchFile: './src/pages/index/template',
getConfigFile: config => {
const theme = config.theme || 'default'
return
./src/pages/index/template/${theme}.vue
},
custom: ({ oldData, currentData, config } = {}) => {
return currentData
}
}
]
}
插件命令
Options:
-v, --version 当前版本
-m, --minimize 压缩编译
-w, --watch 监测文件变化，实时编译
--view [key] 查看小程序当前或指定配置信息
--set 设置小程序配置信息为指定项
--shell 执行uniapp运行命令 需要cross-env对应的uniapp一系列变量
--map 查看小程序配置索引
--open 打开小程序编译工具
--upload 上传小程序
-h, --help 查看帮助
命令配置
js
// package.json 添加运行命令"scripts": {
// 设置/修改配置 例：yarn set 001
"set": "uniapp-config --set",
// 查看当前使用配置或指定配置信息
// 查看当前 yarn view
// 查看指定 yarn view 001
"view": "uniapp-config --view",
// 查看uniapp-config命令
"h": "uniapp-config --help",
// 查看配置映射表
// yarn map
"map": "uniapp-config --map",
// 如何使用
// 替换调原有的命令 vue-cli-service uni-build
cross-env NODE_ENV=development UNI_PLATFORM=mp-weixin uniapp-config --shell --watch --open
}
`示例
$3
$3
* ##### --shell 执行uniapp的原始命令
* ##### --watch 监听文件变化
* ##### --minimize 压缩小程序编译产物
* ##### --open 打开小程序编译工具 （目前仅支持微信小程序）
* ##### --upload 上传小程序代码 （目前仅支持微信小程序）#### 添加几个作为示例，其他端一样的
js
// wx:mini 等带mini的为压缩运行（非产品模式），主要解决开发模式下小程序体积包超出问题
"scripts": {
"set": "uniapp-config --set",
"view": "uniapp-config --view",
"h": "uniapp-config --help",
"map": "uniapp-config --map",
"wx": "npm run dev:mp-weixin",
"wx:mini": "npm run dev:mini:mp-weixin",
"ali": "npm run dev:mp-alipay",
"ali:mini": "npm run dev:mini:mp-alipay",
"h5": "npm run dev:h5",
"serve": "npm run dev:h5",
"build": "npm run build:h5",
"build:h5": "cross-env NODE_ENV=production UNI_PLATFORM=h5 uniapp-config --shell",
"build:wx": "npm run build:mp-weixin",
"build:ali": "npm run build:mp-alipay",
"build:mp-alipay": "cross-env NODE_ENV=production UNI_PLATFORM=mp-alipay uniapp-config --shell --upload",
"build:mp-weixin": "cross-env NODE_ENV=production UNI_PLATFORM=mp-weixin uniapp-config --shell --upload",
"dev:h5": "cross-env NODE_ENV=development UNI_PLATFORM=h5 uniapp-config --shell",
"dev:mp-alipay": "cross-env NODE_ENV=development UNI_PLATFORM=mp-alipay uniapp-config --shell --watch --open",
"dev:mini:mp-alipay": "cross-env NODE_ENV=development UNI_PLATFORM=mp-alipay uniapp-config --shell --watch --open --minimize",
"dev:mp-weixin": "cross-env NODE_ENV=development UNI_PLATFORM=mp-weixin uniapp-config --shell --watch --open",
"dev:mini:mp-weixin": "cross-env NODE_ENV=development UNI_PLATFORM=mp-weixin uniapp-config --shell --watch --open --minimize",
}
``