add scss support and make nodemon development server

[evansendra]

SCSS support in development and production.

In dev, works by bundling with the javascript so that it works with the HMR. In production, works by generating app.css using sass command then minifying to app.min.css and inserting into client/index.js.

To test:

• confirm npm start works as intended
• confirm npm run-script start:prod works as intended

[beaucharman]

I feel stripping out support for vanilla css, and only supporting one CSS preprocessor is a step in the wrong direction. Could you alter this PR to add Sass support rather than a full swap out?

[mayankchd]

Agree with @beaucharman !

[evansendra]

makes sense, I'll modify

[pomeo]

@evansendra @beaucharman @mayankchd Why use SCSS if exists PostCSS and SCSS parser for PostCSS?
PostCSS at the moment already have among modules mern-starter.

[raksonibs]

Thanks @evansendra. Looks good!

[evansendra]

@beaucharman @mayankchd this should be modified appropriately now. Let me know if you see anything else that needs fixing before a potential merge!

[carloscuatin]

I think the style file must be imported on the client and define it in a variable in webpack with this make the user choose the value of that variable

[SOSANA]

@carloscuatin can we create a seperate PR for nodemon? so we can get this merged ASAP

@beaucharman I agree, what if we want to do inline styling like radium? I think adding scss support should be applied to the scaffolding aspect so you can choose at start of the project

@prank7 @mayankchd @carloscuatin thoughts?

[evansendra]

Yeah if we want to add this to the scaffolding part I think that could be a separate PR in mern-cli and then I could remove the style folder with the SCSS and just leave the rules in the webpack config files

[yn5]

What's the status on this? Would be great to have SCSS support in master. The scaffolding could maybe be added later right?

[raksonibs]

Hey @yn5 I'll take a look at this later this weekend!

[Bonitis]

Hey @evansendra wanted to let you know that I tested this code and it worked perfectly for me. Also, I think that you missed an opportunity to name the script sassinate. ^___^

[stephenrichter]

Hi there, also wanted to comment and say thanks for this @evansendra. Manually added this code to my project and SCSS is working well and the "watch-sass" is a great addition. Cheers!

[somus]

PostCSS with css-modules is implemented on v2 branch(510101f). Closing this in favour of that. Thank you very much for your effort, @evansendra.