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

Ionic 2 dev和prod环境变量

3 个答案: