feat(config): add sassConfig option

[elmariofredo]

to allow sass compile fine tunning

Closes #248

[elmariofredo]

I'm not sure what is your approach as you seems to have facade as you are doing with outputStyle here https://github.com/elmariofredo/stencil/blob/master/src/compiler/bundle/component-styles.ts#L175 but I'm not sure if this approach is feasible in long run.

[adamdbradley]

looks great, thanks!

[adamdbradley]

Regarding the output style, it really doesn't matter because later on in the build we use CleanCSS on the bundled css file it generates. Only reason we put in the compressed option when minifying css is just to help out clean-css with less work from the start, but really probably doesn't matter much.

[elmariofredo]

Yeah I meant more what approach should we take regarding stenciljs config API, if it's better to make facade with custom config keys to prevent issues when there will be need to change sass backend or as I have proposed simply use pass thru options.

Anyway glad you like it

Cheers 🍻

[dertuerke]

How i can use it?

[elmariofredo]

@dertuerke you can just add property sassConfig to your stencil.config.js and add whatever options you desire.

@adamdbradley we should properly document this feature, so I have created ionic-team/stencil-site#110 but not sure if that is correct location. Let me know.

[dertuerke]

@elmariofredo i try it but it dosent work

sassConfig: './node_modules/material-design-lite/src/ material-design-lite.scss'

[elmariofredo]

@dertuerke it should be

sassConfig: {
  includePaths: ['./node_modules']
}

check https://github.com/sass/node-sass#includepaths for more details