Why don't you `import` with .scss files?

help
1

I noticed that when I create an example via the meteor CLI, it includes something like as follows in the main client file.

import { Template } from 'meteor/templating';
import { ReactiveVar } from 'meteor/reactive-var';

import './main.html';

This makes plenty of sense, and seems much more intuitive than the “magical” loading of html files previously.
It would follow that if you import html, you would import scss. However whenever I try, it breaks.

import "./main.scss";

Shouldn’t this work? Is this intended?

2

CSS pre-processor files like .scss are currently handled a bit differently. Depending on the CSS pre-processor package you’re using, if you want to explicitly import files you would use import syntax that looks something like:

@import './main.scss';

See the CSS pre-processors - Importing from a package section of the Guide for more details.