ВикористанняSass

ЗамістьтогощобвикористовуватизвичайнийCSS,перемкнімосяна萨斯：

1

＄Mv assets/styles/app.css assets/styles/app.scss

1 2 3 4 5 6 7 8 9 10 11

——/资产/ app.js+ + + b /资产/ app.js@@ -6,7 +6,7 @@*/ //任何你导入的CSS都将输出到一个CSS文件中(在本例中是app.css)进口”。/风格/ app.css ';+进口“。/风格/ app.scss”;//启动刺激应用程序导入'./bootstrap';

Встановіть завантажувач Sass:

1

＄NPM install node-sass

І увімкніть о о о о у webpack:

1 2 3 4 5 6 7 8 9 10 11

——/ webpack.config.js+ + + b / webpack.config.js@@ -57,7 +57,7 @@ Encore}) //启用Sass/SCSS支持- / / .enableSassLoader ()+ .enableSassLoader ()//如果使用TypeScript则取消注释//.enableTypeScriptLoader()

Як дізнався， к пакет т потрібно ст тано о и ит ?Якбиминамагалисязібратинашіресурсибезних,安可видавбинамприємнеповідомленняпропомилку,пропонуючикомандуnpm安装,необхіднудлявстановленнязалежностей,щобзавантажитифайли.scss

Використання引导

Щобпочатизхорошихналаштуваньзазамовчуваннямістворитиадаптивнийвеб——сайт,CSS -фреймворк,назразок引导， може зна а а а но од。Встановіть о як пак ке:

1

＄NPM安装bootstrap @popperjs/core bs-custom-file-input

Включіть引导уфайліCSS(митакожочистилифайл):

1 2 3 4 5 6 7

——/ /风格/ app.scss资产+ + + b /资产/风格/ app.scss@@ -1,3 +1 @@身体{-背景色:浅灰色;- - - - - -}+ @ import ~引导/ scss /引导的;

Зробіть т т сам т дл фа лу js:

12 3 4 5 6 7 8 9 10 11 12 13

——/资产/ app.js+ + + b /资产/ app.js@@ -7,6 +7,10 @@//你导入的任何CSS都会输出到一个CSS文件中(在本例中是app.css) import './styles/app.scss';+进口“引导”;从'b -custom-file-input'导入bsCustomFileInput//启动刺激应用程序导入'./bootstrap';++ bsCustomFileInput.init ();

СистемаформSy欧宝娱乐app下载地址mfonyзкоробкипідтримує引导зіспеціальноютемою,увімкнітьїї:

1 2

枝:form_themes:(“bootstrap_5_layout.html.twig”)

СтилізаціяHTML

Зараз м м м ото и и стилізувати застосунок。Завантажте та розгорніть архів у корен о проекту:

1 2 3

＄php - r“复制(“https://sy欧宝娱乐app下载地址mfony.com/uploads/assets/guestbook-6.2.zip”,“guestbook-6.2.zip”);“＄解压缩-o guestbook-6.2.zip＄rm guestbook-6.2.zip

Погляньтенашаблони,вимоглибдізнатисяоднучидвіхитрощіпро树枝。

Збіркаресурсів

ОднієюзосновнихзмінпривикористанніWebpackєте,щоCSSіJS -файлиневикористовуютьсязастосункомбезпосередньо。Спочатку渔渔渔渔потрібно“скомпілювати”。

Упроцесірозробкизбіркаресурсівможебутивиконаназадопомогоюкоманди安可dev：

1

＄欧宝娱乐app下载地址Symfony运行NPM运行dev

Замістьтогощобвиконуватикомандущоразу、коливідбуваєтьсязміна,відправтеїїуфоновийрежимідозвольтеспостерігатизазмінамиJSіCSS:

1

＄欧宝娱乐app下载地址Symfony run -d NPM run watch

Знайдіть с ас， щоб дослідити візуальні зміни。Погляньте на н но ови к к из за н。

Згенеровануформувходутепертакожстилізовано,оскількибандл制造商зазамовчуванням,використовуєCSS -класи引导:

ДляпродакшнPlatform.shавтоматичновиявляє,щовивикористовуєте安可,ікомпілюєресурсидляваспідчасфазизбірки。