ionic app 开发和生产环境的配置

前言

像 Angular2 一样，希望 ionic 可以提供 2 个文件 ( environment.dev.ts 和 environment.prod.ts )，其中包含与开发和生产环境相对应的不同值的变量。在构建过程中，要在应用程序中绑定适当的文件。

实现步骤

在 src/config 中，新建 environment.dev.ts 和 environment.prod.ts

    // src/config/environment.dev.tsexport const ENV = {APP_SERVE_URL: 'http://dev.example.com/api'};// src/config/environment.prod.tsexport const ENV = {APP_SERVE_URL: 'http://prod.example.com/api'};
复制代码

在 src/config 中，新建 webpack.config.js，覆盖 @ionic/app-scripts 包提供的 webpack.config.js

// src/config/webpack.config.jsvar path = require('path');
var useDefaultConfig = require('@ionic/app-scripts/config/webpack.config.js');module.exports = function () {useDefaultConfig[process.env.IONIC_ENV].resolve.alias = {'@environment': path.resolve(__dirname + '/../../src/config/environment.' + process.env.IONIC_ENV + '.ts'),};return useDefaultConfig;
};
复制代码

更新 package.json 的配置，通知 ionic 使用自定义的 webpack.config.js

"config": {"ionic_webpack": "./src/config/webpack.config.js"
}
复制代码

更新 tsconfig.json 的配置，指示 TypeScript 通过编辑 tsconfig.json 为模块使用自定义别名 “@environment”

{"compilerOptions": {"baseUrl":  "./src","paths": {"@environment": ["config/environment.prod"]}}
}
复制代码

导入环境变量

import { ENV } from '@environment';

Test

ionic serve 或 cordova run android

ionic cordova build android --prod

ionic app 开发和生产环境的配置相关推荐

开发测试服务器配置信息,node服务端中台实现及开发测试生产环境配置
本人node服务端新人一枚,网上找了不少资料,看了很多别人的配置信息,感觉都不是很合适,看的多了自己也明白配置的具体思路跟实现方式了,以下为我的实现方式.通过package.json里面的script ...
Django开发环境与生产环境的配置
项目实际开发过程中需要区分开发环境与生产环境获取环境数值 ENV_PROFILE = os.getenv("ENV") 通过获取到的ENV_PROFILE来区别开发环境与生产环境 ...
基于webpack的PC端和mobile端开发以及生产环境的搭建
我们用webpack做单页面应用开发应该尝试过很多次了,如果在同一个项目需要支持PC端和移动端,做成多页面应用,开发时能根据请求的终端返回不同的内容,应该怎么做呢?以下描述的是我尝试的一种方案,并且以 ...
Elasticsearch-32.生产环境常用配置与上线清单 he 集群写性能优化 he 集群读性能优化
Elasticsearch 生产环境常用配置和上线清单 Development vs.Production Mode 从ES 5开始,支持Development 和Production 两种运行模式 ...
Elastic：培训视频 - 在生产环境中配置 Fleet Server 和 Elastic Agent 之间的安全
在这篇文章中,我将会把我写的有些内容录制成视频,供大家参考.希望对大家有所帮助.优酷的视频频道地址在这里,B站频道 Elastic 简介及 Elastic Stack 安装 Elastic Stack ...
极光推送环境区分php,JPush Android 推送如何区分开发、生产环境
我们 Android 开发者在使用极光推送时可能会发现,在通过官方控制台进行推送时.只有 iOS 区分了开发和生产环境,而 Android 则没有.但实际开发中又确实经常需要针对开发和生产环境分别来推 ...
在package.json里面的script设置环境变量，区分开发及生产环境。注意mac与windows的设置方式不一样...
在package.json里面的script设置环境变量,区分开发及生产环境. 注意mac与windows的设置方式不一样. "scripts": {"publish-m ...
Hadoop--Yarn常用命令与生产环境核心配置参数
写目录 Yarn常用命令 1. yarn application查看任务 2. yarn logs查看日志 3. yarn applicationattermpt查看尝试运行的任务 4. yarn c ...
CC00042.CloudKubernetes——|KuberNetes二进制部署.V20|5台Server|——|kubernetes配置|生产环境关键性配置|
一.生产环境关键性配置 ### --- docker参数配置--所有节点 ~~~ docker参数:所有节点都需要更改.[root@k8s-master01 ~]# vim /etc/docker/d ...

ionic app 开发和生产环境的配置

前言

实现步骤

Test

ionic app 开发和生产环境的配置相关推荐

最新文章

热门文章