Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/418.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/0/windows/15.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 离子3中的环境特定参数_Javascript_Angular_Typescript_Environment Variables_Ionic3 - Fatal编程技术网

Javascript 离子3中的环境特定参数

Javascript 离子3中的环境特定参数,javascript,angular,typescript,environment-variables,ionic3,Javascript,Angular,Typescript,Environment Variables,Ionic3,ionic命令行界面(如ionic build android--prod--device)使用特定于环境的参数以何种方式根据环境对JavaScript/Typescript代码进行区分,例如生产和开发 我应该使用process.env.IONIC_env?或者我可以用哪种方式来查询这种区别?根据本教程,有三件事要做。取决于完全可互换的文件结构(/标记应用程序的根目录) /tsconfig.json { "compilerOptions": { "baseUrl": "./src",

ionic命令行界面(如
ionic build android--prod--device
)使用特定于环境的参数以何种方式根据环境对JavaScript/Typescript代码进行区分,例如生产开发

我应该使用
process.env.IONIC_env
?或者我可以用哪种方式来查询这种区别?

根据本教程,有三件事要做。取决于完全可互换的文件结构(
/
标记应用程序的根目录)

/tsconfig.json

{
  "compilerOptions": {
    "baseUrl": "./src",
    "paths": {
      "@env": [ "env/env" ]
    },
    ...
  }
  ...
}
{
  "config": {
    "ionic_source_map_type": "source-map",
    "ionic_webpack": "./config/webpack.config.js"
  },
  ...
}
/package.json

{
  "compilerOptions": {
    "baseUrl": "./src",
    "paths": {
      "@env": [ "env/env" ]
    },
    ...
  }
  ...
}
{
  "config": {
    "ionic_source_map_type": "source-map",
    "ionic_webpack": "./config/webpack.config.js"
  },
  ...
}
/config/webpack.config.js(取决于
package.json
中的
ionic\u webpack

解释 这种魔力来自于
devConfig.resolve.alias
prodConfig.resolve.alias
。这行代码创建了一个可导入的别名,就像您自己的模块或节点模块一样。现在可以通过
import{ENV}从“@ENV”
注入任何模块、组件、服务、管道或任何您喜欢的东西

注 不要忘记创建特定于环境的文件。在本例中,您将需要这样的文件结构:

./
|   package.json
│   tsconfig.json    
│
└── config
│       webpack.config.js
│   
└── src
    │
    └── env
            env.ts        (dev environment variables)
            env.prod.ts   (prod environment variables)
示例文件 /src/env/env.ts(默认情况下为开发)

/src/env/env.prod.ts

export const ENV = {
  production: true,
  isDebugMode: false
};

我对这些回答了一半(未说明假设)的问题感到沮丧。有人能简单地提供运行构建的实际CLI指令吗

是:

ionic cordova platform save
ionic cordova platform add ios
cd platforms
pod install
cd ..
ionic cordova build ios

@EdsKeizer将我的解决方案打包到一个GitHub存储库中,其中包括Ionic 3框架:GitHub repo中的代码与您发布的代码大不相同here@afe你能给我发一份关于GitHub的bug报告吗?或者在这里告诉我你使用的是哪种规范?离子版等。我估计你做了个叉子,对吧?