在.Net Core非SPA设施中部署Angular

时间:2019-04-15 22:55:07

标签: angular asp.net-core

我一直在尝试在.Net Core项目中手动部署Angular,而不运行SPA模板/服务器。我只是不断遇到障碍。

问题在于加载脚本标签。输出到一个index.html文件,但是我需要在.cshtml文件中。

我尝试将dist部署到我的wwwroot,但是index.html位于该目录中。 即使可以覆盖mypage.cshtml文件,我也将index.html源文件简化为<app-root></app-root>ng build将脚本标记放在{{1}之前}标签,导致脚本抛出<app-root>

问题之一是app-root element not found文件的命名方案。我需要那些脚本标签。因此,即使我知道这样做不好,我还是尝试使用--prod对名称进行标准化。

bundleconfig.json

这将使我拥有一个处理 { "outputFileName": "wwwroot/css/login.css", "inputFiles": [ "Forms/login/dist/login/*.css", "styles.css" ] }, { "outputFileName": "wwwroot/js/es2015-polyfills.js", "inputFiles": [ "Forms/login/dist/login/es2015-polyfills*.js" ] }, { "outputFileName": "wwwroot/js/polyfills.js", "inputFiles": [ "Forms/login/dist/login/polyfills*.js" ] }, { "outputFileName": "wwwroot/js/styles.js", "inputFiles": [ "Forms/login/dist/login/styles*.js" ] }, { "outputFileName": "wwwroot/js/vendor.js", "inputFiles": [ "Forms/login/dist/login/vendor*.js" ] }, { "outputFileName": "wwwroot/js/main.js", "inputFiles": [ "Forms/login/dist/login/main*.js" ] }, { "outputFileName": "wwwroot/js/runtime.js", "inputFiles": [ "Forms/login/dist/login/runtime*.js" ] }, 和开发模式的index.cshtml文件。这样做的问题是,捆绑程序正在第二次处理这些文件,因此,这些地图都是很麻烦的,在开发模式下我也找不到任何帮助。

我还尝试将原始输出包含到索引中。问题在于,因为这是Core,所以没有简单的方法可以跨平台定位和读取该文件。即使可以,脚本标记仍会向后。

必须有一种更简单的方法。

0 个答案:

没有答案