cwadrupldijjit / basic-react-typescript-systemjs

This is a project that uses TypeScript, Gulp, and SystemJS to run a simple React project
MIT License
0 stars 0 forks source link

scss implementation is not there #1

Open Sunil23391 opened 4 years ago

cwadrupldijjit commented 4 years ago

I could add it. That shouldn't take long. I haven't touched this quick proof-of-concept in ages, so I'd probably need to update everything to the latest before I do that, though I expect that it should work without too many changes.

Sunil23391 commented 4 years ago

Can you let me a hint what changes can be done on config file which can enable scss. Or if possible any snippet

Sunil23391 commented 4 years ago

or what can i add in here https://embed.plnkr.co/gSkl9D/

cwadrupldijjit commented 4 years ago

I'm not sure how to get SCSS working in the browser with SystemJS, though I did take a stab at it for a few minutes. Supposedly, there was a SCSS plugin/loader for SystemJS that could do it, but in my case, I just included the SCSS transpilation using Gulp plugins as you can see inside of my gulpfile.ts.

For many performance reasons, I do not suggest trying to compile/transpile code in the browser. I'm sure there is a package out there that can compile in the browser, and then what I'd suggest is writing a loader that utilizes that package and adds it to a style tag or something.

cwadrupldijjit commented 4 years ago

Oh, and I realized that there is a SCSS implementation, but it doesn't get loaded by SystemJS, nor does it actually use it. If you want to (and you're using this repo), you can import the CSS version of the files using a loader.

Sunil23391 commented 4 years ago

ok