Ionic 2 Dev und Prod Umgebungsvariablen

Question

Ich arbeite an Ionic 2 Projekt und ich möchte es für eine andere Umgebung wie Entwicklung und Produktion konfigurieren. Aber, ich habe keine Ahnung, wo in Konfigurationsdateien setzen ionische 2. Gibt es Möglichkeiten, Konfigurationsdatei setzen und Ausführen von Befehlen

wie

ionic build android --prod 

und

ionic build android --dev 

Answer 1

Es scheint bereits ein Ticket dafür zu sein:

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

Answer 2

habe ich ionic-configuration-service und es funktionierte gut für mich.

Answer 3

Webpack Plugin kann webpack-environment-suffix-plugin verwendet werden, um mehrere Umgebungen für ionische einzurichten.

Plugin installieren

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

Erstellen Sie Ihre eigenen webpack.config.js Datei.

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

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