Я поддерживаю веб-сайт среднего размера и мне нужно добавить несколько страниц. Текущая технология - это проект веб-сайта .NET Framework 4.6.2. Мне нужно добавить некоторую функциональность и уже встроить ее в React и WebPack, в другой VS Solution / Project. Однако у меня возникли проблемы при интеграции этого в существующий проект веб-сайта.
Используя онлайн-информацию, я создал новый проект VS Core с React. У него есть React и WebPack, и все собирается просто замечательно. Теперь, как мне добавить React и WebPack в существующий проект? (Примечание: мне не нужен TypeScript)
Я предполагаю, что сначала мне нужно добавить такие файлы, как
- appsettings.json
- package.json
- webpack.config.js
Затем в проекте Core я вижу файл webpack.config.vendor.js в webpack.config.js.
Это важно? Я искал вариант в VS для добавления нового элемента типа Webpack, но его нет. Или это файл .vendor.js, созданный самим Webpack?
Файлы JSON также имеют вложенные файлы. Есть ли более умный способ получить эти файлы конфигурации, они могут быть сгенерированы, или мне действительно нужно создавать их вручную?
Следующий вопрос, если файлы конфигурации имеются, где я могу сказать VS:на самом деле запускаете npm или webpack?
Тогда остается загадкой, куда входит NPM. В примере проекта есть каталог NPM, полный модулей, но в VS нет кнопки NPM, только одна дляNuGet. Как настроить VS для NPM?
Мне кажется, что я либо упускаю важную информацию о том, как начать работать с React в проекте VS, либо, возможно, это такая черная магия, что вам действительно стоит просто начать новуюпроект со всем этим на месте с самого начала. Было бы жаль, потому что React и Javascript просто великолепны и не слишком сложны для быстрого получения результатов, а мой существующий веб-сайт не собирается начинать работу в новом проекте.
Любые указатели на информацию для полученияприветствуется
Обновление:
После прочтения руководства, рекомендованного ChrisB, я понял, что у меня проблема со сборкой. Я уже успел заставить реакцию и веб-пакет работать, но мне пришлось собирать js вручную.
Теперь мое определение проблемы более понятно. Определение проблемы - это половина решения.
Существует множество руководств по настройке веб-пакета, и это руководство является одним из лучших, но интеграция с VS означает, что веб-пакет вызывается при необходимости автоматически, который регулируетсяMSBuild, что означает взлом файла .csproj. Под «хакингом» я подразумеваю редактирование напрямую, потому что в VS нет пунктов меню для добавления шага сборки для npm или веб-пакета. В последнем абзаце есть ссылка на MSBuild.