Время попробовать это
Bootstrap 4 наконец-то перешел из альфа в бета-версию. Я держался подальше от Bootstrap 4, пока он был в альфа-версии. Теперь, когда он находится в стадии бета-тестирования, и я обновляю один из своих проектов до Phoenix 1.3, самое время попробовать его.
Это потребует удаления Bootstrap 3 из phoenix.css, установки Bootstrap и jQuery с использованием npm и внесения некоторых изменений в наш brunch-config.js.
Давайте начнем!
Сначала вы захотите удалить версию Bootstrap, которую в настоящее время использует ваше приложение. Это может означать удаление ссылки CDN, использование npm uninstall или ее удаление из вашего phoenix.css файла. Я удалю свое приложение из phoenix.css.
Если вы используете Phoenix 1.3, прежде чем запускать любую из следующих команд, убедитесь, что вы запустили cd assets, чтобы вы оказались в правильном каталоге. Выполните следующие две команды.
Затем мы внесем несколько изменений в наш assets/brunch-config.js. Вот три части, которые мы добавим.
А вот части в контексте нашего brunch-config.js по умолчанию (ваш может немного отличаться в зависимости от других изменений, которые вы, возможно, сделали).
Далее нам нужно будет изменить имя нашего app.css на app.scss. Внутри нашего app.scss мы добавим @import "bootstrap";.
Вот и все. Надеюсь это поможет!
Подписывайтесь на меня в Twitter @thebrianemory. Следуйте за мной здесь, нажмите на руки ниже, чтобы выразить признательность, оставьте комментарий и свяжитесь с нами!
