Ionic 2 dev和prod环境变量

Question

我正在开发Ionic 2项目，我想将其配置为不同的环境，如开发和生产。但是，我不知道在哪里把配置文件中的离子2.是否有把配置文件并运行任何方式命令

像

ionic build android --prod 

和

ionic build android --dev 

Answer 1

似乎已经有一张票：

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

Answer 2

我用ionic-configuration-service它对我来说工作得很好。

Answer 3

Webpack插件可以使用webpack-environment-suffix-plugin设置离子的几个环​​境。

安装插件

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