开发环境设置代理,打包环境设置为全路径。
一、增加配置文件
目录如下:
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/