Ionic 2 开发和生产环境变量答案

【问题标题】：Ionic 2 dev and prod environment variablesIonic 2 开发和生产环境变量
【发布时间】：2017-04-16 21:36:18
【问题描述】：

我正在处理 Ionic 2 项目，我想将其配置为不同的环境，例如开发和生产。但是，我不知道在 ionic 2 中将配置文件放在哪里。有什么方法可以放置配置文件和运行命令

喜欢

ionic build android --prod

和

ionic build android --dev

【问题讨论】：

标签： android angular environment-variables ionic2

【解决方案1】：

好像已经有票了：

https://github.com/driftyco/ionic-cli/issues/1205

【讨论】：

该问题的一位评论员制作了一个不错的小包来帮助它github.com/geeklearningio/gl-ionic2-env-configuration

【解决方案2】：

我使用了ionic-configuration-service，它对我来说效果很好。

【讨论】：

【解决方案3】：

Webpack 插件可用于 webpack-environment-suffix-plugin 为 ionic 设置多个环境。

安装插件

npm install webpack-environment-suffix-plugin --save

创建您自己的webpack.config.js 文件。

const webpackConfig = require('@ionic/app-scripts/config/webpack.config');
const EnvironmentSuffixPlugin = require('webpack-environment-suffix-plugin');

const ionicEnv = ['prod', 'dev'];

const addPluginToWebpackConfig = (config, env) => {
  const plugins = config[env].plugins || [];

  config[env].plugins = [
    ...plugins,
    new EnvironmentSuffixPlugin({
      ext: 'ts',
      suffix: process.env.NODE_ENV || 'dev'
    })
  ];

  return config;
};

module.exports = () => ionicEnv.reduce(addPluginToWebpackConfig, webpackConfig);

更新 package.json

"scripts": {
    //...
    "build": "<you build script>",
    "build:prod": "NODE_ENV=\"prod\" npm run build",
    "build:dev": "NODE_ENV=\"dev\" npm run build",
    "build:test": "NODE_ENV=\"qa\" npm run build
    //...
},
"config": {
   // path to a new webpack config file.
   "ionic_webpack": "./webpack.config.js" 
}

【讨论】：