How to compile SCSS on the client using JS?

Question

Sass

Greetings!
Tried to import:

import sass from 'sass';
import nodeSass from 'node-sass';

But Webpack refuses to include these packages because they refer to server packages like 'fs' and 'path', which, for obvious reasons, are not available on the client.
Can you please tell me how can I compile SCSS from a string on the client side?

Answer 1

First of all. Give more information. Where are you trying to write it?
Secondly, I will try to answer the title. Why send a .scss file to the client? This is a preprocessor, the already assembled, processed .css file should fly into production.

Answer 2

Working version: https://github.com/medialize/sass.js/blob/master/d...