Ionic 2 zmienne środowiskowe dev i prod

Question

Pracuję nad projektem Ionic 2 i chcę skonfigurować go dla innego środowiska, takiego jak Rozwój i Produkcja. Ale nie mam pojęcia, gdzie umieścić pliki konfiguracyjne w jonowego 2. Czy istnieją jakieś sposoby, aby umieścić plik konfiguracyjny oraz wykonywania poleceń

jak

ionic build android --prod 

i

ionic build android --dev 

Answer 1

Wydaje się, że jest już bilet na to:

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

Answer 2

Użyłem ionic-configuration-service i działało dobrze dla mnie.

Answer 3

Wtyczka Webpack może być używana webpack-environment-suffix-plugin do konfiguracji kilku środowisk dla jonowych.

Instalacja wtyczki

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

Stwórz własną webpack.config.js pliku.

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

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