#css #laravel #sass
Вопрос:
у меня есть laravel проект, в котором я импортирую различные CSS и sass упаковываю. существует несколько методов импорта, которые полностью отличаются друг от друга, какой из них является лучшей практикой для импорта. мы были бы признательны за подробную информацию
@import '~bootstrap/sass/bootstrap';что делает~синтаксис?@import 'variables';@import url('https://fonts.googleapis.com/css?family=Nunito');
может ли кто-нибудь объяснить разницу между этими разными? @import "~@fortawesome/fontawesome-free/scss/fontawesome.scss";
какова цель ~ и @ символы?
Ответ №1:
скопируйте свой css — файл в /resources/assets/css/yourfile.css
добавьте @import "../css/yourfile.css"; в нижнюю часть /resources/assets/sass/app.scss
Если вы еще не установили зависимости узлов, запустите npm install run npm run dev
Ваш пользовательский css теперь включен в /public/css/app.css файл.
Комментарии:
1. я хотел знать объяснение. в чем разница между этими тремя методами и как это работает