Angular 2 TypeScript:与JSPM绑定时启用ProdMode

Angular 2 TypeScript:与JSPM绑定时启用ProdMode,typescript,angular,production-environment,systemjs,jspm,Typescript,Angular,Production Environment,Systemjs,Jspm,我正在构建Angular 2应用程序,并将其与SystemJS/JSPM捆绑在一起 在开发过程中,我将应用程序导入index.html: <script src="jspm_packages/system.js"></script> <script src="systemjs.config.js"></script> <script src="systemjs.importapp.js"></script> 并且有一个版本

我正在构建Angular 2应用程序,并将其与SystemJS/JSPM捆绑在一起

在开发过程中,我将应用程序导入
index.html

<script src="jspm_packages/system.js"></script>
<script src="systemjs.config.js"></script>
<script src="systemjs.importapp.js"></script>
并且有一个版本的
index.html

<script src="assets/js/myapp.sfx.min.js" defer></script>
我想做的是仅在绑定
jspm bundle sfx
时调用
enableProdMode()


最好的方法是什么?

我找到了一个解决方案:在与我的应用程序的
main.ts
入口点相同的目录中创建一个外部JSON文件,例如
environment.JSON
,包含:

{
  'env': 'dev'
}
然后在
main.ts
中:

import _environment from './environment.json!json';

if (_environment.env === 'dev') {
  console.log('Running in dev mode.')
}

if (_environment.env === 'prod') {
  console.log('Running in production mode.');
  enableProdMode();
}
这需要安装SystemJSON插件:

jspm install json

然后,在我的构建脚本中,我在构建捆绑包之前将
env
更改为
prod
,然后使用
dev
返回到
dev
,我找到了一个解决方案:在与我的应用程序的
main.ts
入口点相同的目录中创建一个外部JSON文件,例如
environment.JSON
,包含:

{
  'env': 'dev'
}
然后在
main.ts
中:

import _environment from './environment.json!json';

if (_environment.env === 'dev') {
  console.log('Running in dev mode.')
}

if (_environment.env === 'prod') {
  console.log('Running in production mode.');
  enableProdMode();
}
这需要安装SystemJSON插件:

jspm install json
然后,在我的构建脚本中,我将
env
更改为
prod
,然后使用