[NETBEANS-5448] No automatic recompile of "parent" SCSS files when using @use instead of @import

• Type: Bug
• Status: Open
• Priority: Major
• Resolution: Unresolved
• Affects Version/s: 12.0, 12.1, 12.2, 12.3
• Component/s: web - CSS Preprocessors (SASS, LESS, ...)

Environment

Windows 10 20H2 Build 19042.867 (same issue present with previous versions)
OpenJDK 15.0.2 (same issue with previous versions)
Dart Sass 1.32.8 (same issue with previous versions)

• Assignee: Unassigned
• Reporter: Jeroen
• Created: 14/Mar/21 02:02
• Updated: 16/Apr/21 01:33

Description

When editing and then saving .scss files with filenames starting with an underscore, files that do not start with an underscore that @import those files automatically get recompiled into CSS.

However, the @import rule is deprecated, see: https://sass-lang.com/documentation/at-rules/import in favor of using @use rules, see: https://sass-lang.com/documentation/at-rules/use

When using @use rules to "import" (with namespacing), changes to 'children' do not automatically trigger recompiling of the parent. This means that everytime an "imported" (with @use) _file.scss file is changed, you then need to manually edit the "main.scss" file (without underscore), for example by adding a space at the end of a line, to trigger a recompile of the SCSS.

Issue Links

• duplicates: NETBEANS-5447 No automatic recompile of "parent" SCSS files when using @use instead of @import