Hi! I’m developing a component and can’t seem to @import additional styles from my MyTheme/common/common.scss, which contains the following: @import '../assets/styles/handsfree'; @import '../assets/styles/splash'; My theme component directory looks like: |-- assets | |-- styles | | |-- h…

@david has this kind of stuff high on our list, we want theme devs to be able to split off scss files, split of js files to multiple .es6 files and so on. Current structure is very limiting for ultra advanced usage.

[صورة] labofoz: Is the import relative to somewhere other than the theme? Right now it’s impossible to import other files within a theme. As @sam said we are hoping to improve that soon :slight_smile:

Thank you @david and @sam :pray: I had the same issue, I thought I did something wrong. Thanks @labofoz for asking. Hoping to get this thread higher up, I’ll post the error as text. Error: File to import not found or unreadable: .button.scss. Parent style sheet: theme_field.scss on…

Thanks guys! For now, my workaround was to use Webpack to compile all my scripts into one, and then inject that one script inline using this command inside of a template file: <script> <%= compilation.assets['main.js'].source() %> </script> and the same for SCSS. I turned it into a boilerplate i…

Multi-file SCSS is now supported natively by our theme system: [صورة] Split up theme SCSS into multiple files Developer Guides Themes and theme components are becoming steadily more powerful, and developers are getting more and more ambitious. To make things easier for de…

تقسيم common.scss إلى ملفات متعددة في المكونات؟

الدعم

david (David Taylor) 15 أبريل 2019، 4:05م 7

Multi-file SCSS is now supported natively by our theme system:

We hope to add similar functionality for JavaScript assets soon.

الموضوع		الردود	مرات العرض
Split up theme SCSS into multiple files Developer Guides how-to	12	4686	18 يناير 2024
Feature proposal: Import user-defined SCSS files UX	4	1327	1 أغسطس 2018
Structure of themes and theme components Developer Guides reference , theme-guides	0	29207	12 أبريل 2017
Theme stylesheets: Can't use the same filename.scss in different folders Development	1	313	26 يوليو 2023
How do the `@import`'s work with SCSS? Development	14	752	26 مارس 2024

تقسيم common.scss إلى ملفات متعددة في المكونات؟

الموضوعات ذات الصلة