Qingshan's blog

使用ts的outDir参数

13 April 2016

在按照Angular2官网用ts写app时，默认下ts的编译文件输出路径和原ts文件相同，可以在tsconfig.json文件中添加“outDir”: "build"来改变输出路径到build目录，或者在package.json文件中修改 "tsc": "tsc --outDir build", 。

然后修改index.html文件中SystemJs代码：

System.import('build/main')

添加完成后，发现报错:

image

原因是没有更新SystemJs的packages配置：

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

将packages中的app改为build就可以了。

blog comments powered by Disqus