我一直在尝试在.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,所以没有简单的方法可以跨平台定位和读取该文件。即使可以,脚本标记仍会向后。
必须有一种更简单的方法。