aspnetcore-spa(webpack) - 在单独的项目中使用时构建不需要的js文件

时间:2016-07-20 10:05:51

标签: typescript angular asp.net-core-mvc single-page-application

我对aspnetcore-spa功能有疑问。我想要做的是在SEPARATE项目中基于yeoman(带有angular2)的示例项目实现它。但我遇到一个问题,我怀疑是由一些缺少配置或其他东西引起的。为了解释我做了什么,以下过程说明了问题:

  1. 我使用' yo aspnetcore-spa'生成了一个示例项目。并选择了angular2。
  2. 我创建了一个空的.net核心项目。
  3. 我从样本项目中将相关文件复制到新项目中。结果可见于:https://github.com/baseless/AspNetCoreSpaQDemo
  4. 结果

    生成的示例项目按预期运行。查看VS时,没有基于ClientApp中的ts文件生成.js文件。如果我更改了例如counter.ts文件中的属性,它将在浏览器中更新。

    创建的项目包含复制的文件但是在构建期间会生成.js文件。然后Webpack似乎使用这些文件,所以如果我在counter.ts文件中更改属性,浏览器中没有任何更改。但是,如果我删除匹配的counter.js文件,则会将counter.ts文件重建为js并更新浏览器。

    我找不到的是导致这种情况的原因,因为我只是在两个项目中使用相同的项目,webpack等配置文件。我对webpack完全是绿色的,所以也许需要运行一些东西?是否需要其他工作才能使用?

1 个答案:

答案 0 :(得分:0)

对示例项目进行了一些检查,它是由xproj设置导致禁用自动打字稿编译引起的。认为它与webpack有关,但在我将<TypeScriptCompileBlocked>true</TypeScriptCompileBlocked>添加到ProjectName.xproj文件后,一切正常。