Я пытался развернуть Angular вручную внутри проекта .Net Core без запуска шаблона / сервера SPA. Я просто продолжаю преодолевать блокпосты.
Проблема с загрузкой тегов скрипта. Вывод в файл index.html
, но он мне нужен внутри моего файла .cshtml
.
Я пытался развернуть dist на моем wwwroot
, но index.html
находится внутри этого каталога.
Даже если бы я мог заставить его перезаписать мой mypage.cshtml
файл, я сокращаю исходный файл index.html
до <app-root></app-root>
, а ng build
помещает теги сценария перед тегом <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
файл, который обрабатывает --prod
и режим разработки. Проблема в том, что упаковщик обрабатывает эти файлы во второй раз, поэтому карты не работают, и я не могу получить никакой помощи в режиме разработки.
Я также попытался включить необработанный вывод в индекс. Проблема в том, что поскольку это Core, нет простого способа найти и прочитать этот кроссплатформенный файл. Даже если бы я мог, тег script все равно был бы задом наперед.
Должен быть более легкий путь.