离子2 dev和prod环境variables

我正在开发Ionic 2项目,我想将其configuration为不同的环境,如开发生产 。 但是,我不知道在哪里configuration文件离子2.有什么办法把configuration文件和运行命令

喜欢

ionic build android --prod 

 ionic build android --dev 

Solutions Collecting From Web of "离子2 dev和prod环境variables"

似乎已经有一张票了:

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

我用离子configuration服务 ,它为我工作得很好。

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

安装插件

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

创build你自己的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" }