Angular2打字稿transpiler与缩小/丑化

Question

我正在开发中的Visual Studio 2015年一个Web应用程序与Angular2和打字稿。我正在使用Gulp来生成分布式缩小js文件。随着Angular2我明白了，没有必要transpile 打字稿没有导入模块时的Visual Studio，也不符合咕嘟咕嘟为SystemJs做的。

现在是这样一个问题：

如何SystemJs与缩小，丑化等工作？

System.import('app/main').then(null, console.error.bind(console)); 

如何缩小或丑化这个？

Answer 1

SystemJS是

通用动态模块加载 - 加载ES6模块，AMD，CommonJS的并在浏览器和全球的NodeJS脚本。适用于Traceur和Babel。

事实上，有两种方法可以使用SystemJS：

• Transpile您的打字稿文件浏览器内。这意味着SystemJS会加载你的模块，它会加载相应的TypeScript文件并在运行中对它们进行转储。下面的配置可以在这种情况下使用：

  <script> 
      System.config({ 
      transpiler: 'typescript', 
      typescriptOptions: { 
       emitDecoratorMetadata: true 
      }, 
      packages: { 
       'app': { 
       defaultExtension: 'ts' 
       } 
      } 
      }); 
      System.import('app/main') 
      .then(null, console.error.bind(console)); 
  </script> 
  

• 使用以前transpiled文件。在这种情况下，您需要使用TypeScript编译器从TypeScript生成JS文件。这些JS文件直接依赖于SystemJS API来注册和导入模块。

  <script> 
      System.config({ 
      packages: { 
       'app': { 
       defaultExtension: 'js' 
       } 
      } 
      }); 
      System.import('app/main') 
      .then(null, console.error.bind(console)); 
  </script> 
  

这个问题也可以帮助你：

• Development on Angular2 with TS but without NPM

这就是上下文。关于你的问题，你似乎使用第一个选项。要回答你的问题，缩小事情只适用于第二种选择。事实上，这对应于优化为您的应用程序加载的元素（网络调用数量，文件大小）。既然你使用了这个选项的编译JS文件，你可以缩小/丑化它们。如果你只想创建一个JS文件，你可以考虑TypeScript编译器的outFile属性。

详情请参阅此问题：

• How to combine (minify) compiled Angular 2 components?