настройка переменных в Bootstrap 4 с помощью SASS в ядре .NET - PullRequest
0 голосов
/ 07 января 2019

Я привык работать на .NET MVC. Я пытаюсь изучить .NET Core сейчас и хочу включить Bootstrap с SASS. Я совершенно новичок в настройке и не могу его правильно запустить и запустить.

Я настроил свой основной проект .NET и мне удалось установить bootstrap 4 с помощью libman. После того, как я это сделал, я прочитал, что лучше делать это с npm, но, похоже, все в порядке Все настройки по умолчанию работают как положено.

Теперь я пытаюсь внести пользовательские изменения, и вот тут это становится проблематичным. Чтобы посмотреть, применяются ли изменения, я изменил основной код цвета в файле _variables, но ничего не изменилось. Я также попытался создать собственный файл scss, чтобы переопределить другие, но опять же, это не работает. Я уверен, что я что-то делаю не так, но я не уверен, что.

моя структура файла выглядит следующим образом. Он был создан, когда я установил бутстрап 4: структура файла top структура файла bottom единственное, что я изменил, - это добавление файла site.scss для настройки.

_Layout.cshtml

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <environment include="Development">
        <link rel="stylesheet" href="~/lib/bootstrap/dist/css/bootstrap.css" />
        <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css">
    </environment>
</head>

Мой пользовательский сайт.scss:

$orange: #d95700;
@import "bootstrap";
$theme-colors: ( "primary": $orange );

Когда я делаю изменения в bootstrap.css, они либо появляются, либо перезаписываются _reboot.scss, в зависимости от того, что это такое. например Я могу изменить цвет тела bg на красный.

Если кому-то понадобится добавить дополнительную информацию, я с удовольствием это сделаю.

1 Ответ

0 голосов
/ 07 января 2019

Либман просто статично тянет в библиотеки. Изменение любого из файлов SCSS не приведет к обновлению CSS-файла, на который вы ссылаетесь. Чтобы это произошло, вам нужно настроить сборку SCSS с чем-то вроде Webpack или Gulp.

Однако, если вы действительно хотите изменить SCSS, вам не следует полагаться на libman или даже на npm, чтобы использовать Bootstrap. Оба из них будут обновлять библиотеку на месте, отменяя любые ваши изменения. Вместо этого вы должны просто загрузить Bootstrap напрямую или включить его в свой проект более обновляемым способом, разветвив проект Bootstrap на GitHub, а затем включив его в свой репозиторий как удаленный. Затем вы можете зафиксировать изменения на своем форке и объединить обновления из официального репозитория Bootstrap с вашим форком.

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