Как свернуть, связать, а затем опубликовать sh одностраничный проект веб-приложения TypeScript / React с Visual Studio CE 2019 - PullRequest
Новая
       31

Как свернуть, связать, а затем опубликовать sh одностраничный проект веб-приложения TypeScript / React с Visual Studio CE 2019

0 голосов
/ 21 января 2020

У нас есть одностраничная настройка проекта веб-приложения в Visual Studio CE 2019, разработанная в TypeScript с использованием React и LESS, и мы использовали функцию Publi sh Visual Studio для публикации sh в папке, которая Затем мы копируем на наш сайт развертывания. У нас есть пакетный скрипт, который перестроит проект, выполнит публикацию, а затем скопирует в опубликованные файлы на сайт развертывания, так что все будет автоматизировано из командной строки.

Теперь проект не в настоящее время используется любой пакет или минификация, но мы надеемся добавить это. Вопрос в том, как правильно настроить это в Visual Studio CE 2019 (мы не используем VS Code)?

Наш индекс. Страница 1025 * содержит эту строку для главной начальной точки приложения. (app.ts - это основной файл): 

    <script src="scripts/require.js" data-main="scripts/app"></script>

Мы уже попробовали несколько вещей:

  1. В настройках проекта на вкладке Сборка TypeScript вы можете установите «Объединить JavaScript вывод в файл», например, «scripts / app. js», и вы получите один файл app. js, содержащий весь ваш переданный код TypeScript. Когда я запускаю приложение из Visual Studio, оно работает. Однако, если я затем сделаю Build -> Publi sh, чтобы опубликовать sh сайт (который также копирует все другие соответствующие файлы, такие как файлы сторонних производителей. js, ресурсы изображений, файлы stati c, favicon, et c ...), тогда все файлы .ts по-прежнему переносятся в отдельные. js файлы, которые все еще публикуются в выходной папке, так что это не хорошо ...

  2. Мы также добавили расширение "Bundler & Minifier" от Mads Kristensen, чтобы мы также могли получить минификацию. Поэтому я добавил app. js в качестве единого файла для минимизации, и когда мы сейчас создаем проект, мы получаем 1 файл app. js (в комплекте передаваемый код TypeScript) и 1 файл app.min. js (минимизированный). версия приложения. js). Затем я настроил последнюю строку в нашем индексе. html page на <script src="scripts/require.js" data-main="scripts/app.min"></script>, чтобы использовать минимизированную версию app.min. js, но теперь приложение, похоже, больше не загружается и не работает ... Bundleconfig . json В настоящее время файл содержит: 

[
  {
    "outputFileName": "scripts/app.min.js",
    "inputFiles": [
      "scripts/app.js"
    ]
  }
]

Кому-нибудь удалось настроить пакетирование и минимизацию в Visual Studio CE 2019? Желательно, чтобы функциональность Publi sh работала так, как ожидалось? Любая помощь приветствуется!

...