Javascript 离子3中的环境特定参数
ionic命令行界面(如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 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报告吗?或者在这里告诉我你使用的是哪种规范?离子版等。我估计你做了个叉子,对吧?