Как обновить Site.less / site.css и bundle / minify для генерации вывода с помощью BuildBundlerMinifier - PullRequest
Новая
       27

Как обновить Site.less / site.css и bundle / minify для генерации вывода с помощью BuildBundlerMinifier

1 голос
/ 24 мая 2019

У меня есть несколько вопросов по моему проекту ASP.NET MVC CORE 2.2.Основная цель очень проста, я хочу обновить свою таблицу стилей и затем развернуть этот результат.У меня есть Site.less, site.css, site.min.css, site.min.css.gz, который я хочу обновить со стилем класса css, bundleconfig.json с моим входным css, javascript-файлы, которые нужно связать иcompilerconfig.json с Site.less в качестве входных данных и site.css в качестве выходных.У меня также есть BuildBundlerMinifier, установленный в моем проекте (NuGet).

Вопросы:

1 - Какой файл мне следует обновить при добавлении нового стиля: Site.less, site.css или оба?2- Каковы шаги для минимизации и объединения перед публикацией моего приложения?

bundleconfig.json: 

[
  {
    "outputFileName": "wwwroot/css/bundle.min.css",
    // An array of relative input file paths. Globbing patterns supported
    "inputFiles": [
      (...)
      "wwwroot/css/Site.min.css"
    ]
  },
  (...)
    // Optionally specify minification options
    "minify": {
      "enabled": true,
      "renameLocals": true
    },
    // Optionally generate .map file
    "sourceMap": false
  }
]

compilerconfig.json 

[
  {
    "inputFile": "wwwroot/css/Site.less",
    "outputFile": "wwwroot/css/site.css"
  }
]

Когда я перестраиваюМой проект в окне вывода (Visual Studio 2017) У меня есть следующие сообщения.

Очистка вывода из bundleconfig.json, Завершена очистка выходного файла из bundleconfig.json, Начать обработку bundleconfig.json, Minified wwwroot/css/bundle.min.css, завершена обработка bundleconfig.json

Спасибо.

1 Ответ

0 голосов
/ 28 мая 2019

На мой первый вопрос получен ответ.

Я установил расширение в Visual Studio 2017 (Инструменты -> Расширения и обновления) с именем Веб-компилятор .Когда я делаю обновление в моем файле less, автоматически создаются css-файл и min.css (min.css.gz - нет и не знаю почему).Файлы, которые код генерирует автоматически, помечены водой с ключевым словом Generated.

Для создания автоматически сгенерированных файлов вам нужно только пересобрать проект.

Это работает с другими файлами, но в моем случае я использую только эти.

РЕДАКТИРОВАТЬ

На мой второй вопрос также ответили.

Я установил другое расширение: Bundler & Minifier

Для создания комплекта вам нужночтобы получить эти файлы конфигурации json, которые я опубликовал в своем первом сообщении, а затем откройте обозреватель задач и дважды щелкните файл wwwroot / css / bundle.min.css (в меню StyleSheets), и файл комплекта будет создан автоматически.

...