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 deve…

コンポーネント内で common.scss を複数のファイルに分割しますか？

サポート

david (David Taylor) 2019 年 4 月 15 日午後 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	4688	2024 年 1 月 18 日
Feature proposal: Import user-defined SCSS files UX	4	1327	2018 年 8 月 1 日
Structure of themes and theme components Developer Guides reference , theme-guides	0	29215	2017 年 4 月 12 日
Theme stylesheets: Can't use the same filename.scss in different folders Development	1	313	2023 年 7 月 26 日
How do the `@import`'s work with SCSS? Development	14	755	2024 年 3 月 26 日

コンポーネント内で common.scss を複数のファイルに分割しますか？

関連トピック