process.env.NODE_ENV === 'production'
-
3、
process.env.NODE_ENV === 'production'
生成包位置:dist/build/mp-weixin
。 -
4、
process.env.NODE_ENV !== 'production'
生成包位置:dist/dev/mp-weixin
。
已知这些条件,就想做一些编译优化的处理:
=============================================================================
为了兼容两种方式创建的项目,同时方便开发调试。出现了相同网络环境,不同配置名称的处理。在项目的根目录 package.json
文件中(可视化创建没有该文件可自行创建),编译配置如下:
"scripts": {
"prod:release-mp-weixin": "cross-env NODE_ENV=prod UNI_PLATFORM=mp-weixin vue-cli-service uni-build",
"rc:release-mp-weixin": "cross-env NODE_ENV=rc UNI_PLATFORM=mp-weixin vue-cli-service uni-build",
"test:release-mp-weixin": "cross-env NODE_ENV=test UNI_PLATFORM=mp-weixin vue-cli-service uni-build",
"dev:release-mp-weixin": "cross-env NODE_ENV=dev UNI_PLATFORM=mp-weixin vue-cli-service uni-build",
"prod:mp-weixin": "cross-env NODE_ENV=prod UNI_PLATFORM=mp-weixin vue-cli-service uni-build --watch",
"rc:mp-weixin": "cross-env NODE_ENV=rc UNI_PLATFORM=mp-weixin vue-cli-service uni-build --watch",
"test:mp-weixin": "cross-env NODE_ENV=test UNI_PLATFORM=mp-weixin vue-cli-service uni-build --watch",
"dev:mp-weixin": "cross-env NODE_ENV=dev UNI_PLATFORM=mp-weixin vue-cli-service uni-build --watch",
},
注意:以上编译生成包位置:dist/dev/mp-weixin
另外:
"scripts": {
// 与点击“发行”编译相同 包位置:dist/build/mp-weixin
"build:mp-weixin": "cross-env NODE_ENV=production UNI_PLATFORM=mp-weixin vue-cli-service uni-build",
// 与点击“运行”编译相同 包位置:dist/dev/mp-weixin
"dev:mp-weixin": "cross-env NODE_ENV=development UNI_PLATFORM=mp-weixin vue-cli-service uni-build --watch"
},
【注意】:复制上述代码的时候,记得把备注删除。否则无法运行。
1、创建如下项目结构配置
.
├── env.js // 网络环境的切换在这里处理
└── libs // 该目录下放置对应的网络环境
├── env.dev.js // 开发环境
├── env.prod.js // 生产环境
├── env.rc.js // 预发环境
└── env.test.js // 测试环境
2、env.js
代码实现:
// development test rc buildPro/watchPro/production
console.log("==========NODE_ENV:", process.env.NODE_ENV)
let _config = {}
if (process.env.NODE_ENV === 'development'
|| process.env.NODE_ENV === 'dev') {
_config = require('./libs/env.dev.js')
} else if (process.env.NODE_ENV === 'test') {
//测试环境
_config = require('./libs/env.test.js')
} else if (process.env.NODE_ENV === 'production'
|| process.env.NODE_ENV === 'prod') {
//生产环境
_config = require('./libs/env.prod.js')
} else if (process.env.NODE_ENV === 'rc') {
//rc环境
_config = require('./libs/env.rc.js')
}
// 给环境变量 process.uniEnv 赋值 使用 process.uniEnv.baseUrl
if (_config) {
process.uniEnv = {};
for (let key in _config) {
process.uniEnv[key] = _config[key];
}
}
3、对应网络环境域名配置
这里例举一个简单的实例:
const config = {
baseUrl: 'http://baidu.com', // 主域名
aaaUrl: 'http://aaa.com',
bbbUrl: 'http://bbb.com',
......
environment: 'dev'
}
module.exports = config;
4、在根目录的 main.js
中导入
// 网络环境配置(导入便会执行)
import './env/env.js'
自我介绍一下,小编13年上海交大毕业,曾经在小公司待过,也去过华为、OPPO等大厂,18年进入阿里一直到现在。
深知大多数Android工程师,想要提升技能,往往是自己摸索成长或者是报班学习,但对于培训机构动则几千的学费,着实压力不小。自己不成体系的自学效果低效又漫长,而且极易碰到天花板技术停滞不前!
因此收集整理了一份《2024年Android移动开发全套学习资料》,初衷也很简单,就是希望能够帮助到想自学提升又不知道该从何学起的朋友,同时减轻大家的负担。
既有适合小白学习的零基础资料,也有适合3年以上经验的小伙伴深入学习提升的进阶课程,基本涵盖了95%以上Android开发知识点,真正体系化!
由于文件比较大,这里只是将部分目录大纲截图出来,每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频,并且后续会持续更新
如果你觉得这些内容对你有帮助,可以添加V获取:vip204888 (备注Android)
学习分享
在当下这个信息共享的时代,很多资源都可以在网络上找到,只取决于你愿不愿意找或是找的方法对不对了
很多朋友不是没有资料,大多都是有几十上百个G,但是杂乱无章,不知道怎么看从哪看起,甚至是看后就忘
如果大家觉得自己在网上找的资料非常杂乱、不成体系的话,我也分享一套给大家,比较系统,我平常自己也会经常研读。
2021最新上万页的大厂面试真题
七大模块学习资料:如NDK模块开发、Android框架体系架构…
只有系统,有方向的学习,才能在段时间内迅速提高自己的技术。
这份体系学习笔记,适应人群:
**第一,**学习知识比较碎片化,没有合理的学习路线与进阶方向。
**第二,**开发几年,不知道如何进阶更进一步,比较迷茫。
第三,到了合适的年纪,后续不知道该如何发展,转型管理,还是加强技术研究。如果你有需要,我这里恰好有为什么,不来领取!说不定能改变你现在的状态呢!
由于文章内容比较多,篇幅不允许,部分未展示内容以截图方式展示
一个人可以走的很快,但一群人才能走的更远。不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人,都欢迎扫码加入我们的的圈子(技术交流、学习资源、职场吐槽、大厂内推、面试辅导),让我们一起学习成长!
**第二,**开发几年,不知道如何进阶更进一步,比较迷茫。
第三,到了合适的年纪,后续不知道该如何发展,转型管理,还是加强技术研究。如果你有需要,我这里恰好有为什么,不来领取!说不定能改变你现在的状态呢!
由于文章内容比较多,篇幅不允许,部分未展示内容以截图方式展示
一个人可以走的很快,但一群人才能走的更远。不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人,都欢迎扫码加入我们的的圈子(技术交流、学习资源、职场吐槽、大厂内推、面试辅导),让我们一起学习成长!
[外链图片转存中…(img-m50rgq6i-1712677306389)]