ionic 开发环境与打包环境配置

开发环境设置代理，打包环境设置为全路径。

一、增加配置文件

目录如下：

config.dev.ts

export const ENV = {
    api: '/api',
    security: '/security',
};

 config.prod.ts

export const ENV = {
    api: 'http://172.18.1.133:10002/api',
    security: 'http://172.18.1.133:10003/security',
};

optimization.config.js

var path = require('path');
var useDefaultConfig = require('@ionic/app-scripts/config/optimization.config.js');

module.exports = function () {
    useDefaultConfig.resolve.alias = {
        "@environment": path.resolve(__dirname + '/../../src/config/config.' + process.env.IONIC_ENV + '.ts'),
    };
    return useDefaultConfig;
};

webpack.config.js

var 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/config.' + process.env.IONIC_ENV + '.ts'),
    };
    return useDefaultConfig;
};

二、tsconfig.json 和package.json

tsconfig.json 

三、服务:

四、开发环境的代理配置：

五、开发环境：

ionic serve

六、web打包使用命令：

ionic build --prod

七、android打包：

ionic cordova run android --prod

-----------------------------------------------------------------------------------------------------------------------------------------

ionic platform add android        （添加android平台）

ionic platform remove android  （移除android平台）

执行命令 ： ionic build android -release   ；　

或者：ionic build android -- --ant

或者： ionic build android --prod --release   ；

----------------------------------------------------------------------------------------------------------------------------

cordova命令也可以打包：

ionic cordova platform add android

// cordova build android 或

// cordova build --prod --release android ;

ionic cordova run android --prod

参考文档：

https://artyomsokolov.com/how-to-use-different-environment-variables-for-production-and-development-with-ionic-3/