Android 离子2开发和生产环境变量

我正在从事Ionic 2项目，我想将其配置为不同的环境，如开发和生产。但是，我不知道在爱奥尼亚2中把配置文件放在哪里。有什么方法可以放置配置文件并运行命令吗

像

及

---

似乎已经有一张票了：

---

我用过，它对我很管用

Webpack插件可用于为ionic设置多个环境

安装插件

"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" 
}

npm安装网页包环境后缀插件——保存

创建自己的

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);

更新包.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" 
}

“脚本”：{
//...
“构建”：“，
“构建：产品”：“节点\u环境=\“产品\”npm运行构建”，
“构建：开发”：“节点\环境=\“开发\”npm运行构建”，
“构建：测试”：“节点环境=\“qa\”npm运行构建
//...
},
“配置”：{
//新网页包配置文件的路径。
“离子_网页包”：“/webpack.config.js”
}

该期杂志的一位评论员制作了一个很好的小软件包来帮助解决这个问题

"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" 
}