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

最新推荐文章于 2022-10-15 23:54:58 发布

蒙奇·D·伊丽莎白

最新推荐文章于 2022-10-15 23:54:58 发布

阅读量1.6k

点赞数

分类专栏： ionic3 文章标签： ionic 接口开发环境打包

本文链接：https://blog.csdn.net/xif3681/article/details/83177382

版权

ionic3 专栏收录该内容

5 篇文章 0 订阅

订阅专栏

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

一、增加配置文件

目录如下：

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