Merge pull request #14324 from meteor/skel-full-scss

Delegate Rspack and use SCSS on skel-full skeleton

tools/static-assets/skel-full/.meteor/packages

@@ -21,7 +21,6 @@ typescript              # Enable TypeScript syntax in .ts and .tsx modules
 shell-server            # Server-side component of the `meteor shell` command
 
 ostrio:flow-router-extra # FlowRouter is a very simple router for Meteor
-less                     # Leaner CSS language
 
 meteortesting:mocha               # A package for writing and running your meteor app and package tests with mocha
 communitypackages:publication-collector@2.0.0-rc.1  # Test a Meteor publication by collecting its output

tools/static-assets/skel-full/client/main.js

@@ -2,3 +2,4 @@
 
 import '/imports/startup/client';
 import '/imports/startup/both';
+import './main.scss';

tools/static-assets/skel-full/client/main.scss

@@ -1,4 +1,4 @@
-@import "{}/imports/ui/stylesheets/not-found.less";
+@use "../imports/ui/stylesheets/not-found";
 
 body {
   padding: 10px;

tools/static-assets/skel-full/package.json

@@ -16,7 +16,9 @@
     "@rsdoctor/rspack-plugin": "^1.5.7",
     "@rspack/cli": "^1.7.1",
     "@rspack/core": "^1.7.1",
-    "chai": "^4.2.0"
+    "chai": "^4.2.0",
+    "sass-embedded": "^1.89.0",
+    "sass-loader": "^16.0.5"
   },
   "meteor": {
     "mainModule": {

tools/static-assets/skel-full/rspack.config.js

@@ -11,5 +11,23 @@ const { defineConfig } = require('@meteorjs/rspack');
  * Use these flags to adjust your build settings based on environment.
  */
 module.exports = defineConfig(Meteor => {
-  return {};
+  return {
+    module: {
+      rules: [
+        {
+          test: /\.scss$/i,
+          use: [
+            {
+              loader: 'sass-loader',
+              options: {
+                api: 'modern-compiler',
+                implementation: require.resolve('sass-embedded'),
+              },
+            },
+          ],
+          type: 'css/auto',
+        },
+      ],
+    },
+  };
 });