piotrwitek / react-redux-typescript-jspm-starter

Futuristic, bundle-free, development environment for building Component-Driven SPA with React, Redux and TypeScript - powered by JSPM (SystemJS & Rollup with tree-shaking)
https://piotrwitek.github.io/react-redux-typescript-jspm-starter/
MIT License
231 stars 43 forks source link

Sass files #56

Closed MKHenson closed 7 years ago

MKHenson commented 7 years ago

Hi piotrwitek. Just wanted to say thanks for this great project - very helpful.

Would you have any insight into how I could maybe include sass files? So:

import './main-layout.scss!';

instead of:

import './main-layout.css!';

Thanks

piotrwitek commented 7 years ago

@MKHenson Hello, yes sure :) please check this plugin: https://github.com/dougludlow/plugin-sass setting it up should be easy:

here -> https://github.com/piotrwitek/react-redux-typescript-starter-kit/blob/master/jspm.config.js#L74

add this:

meta: {
    "*.scss": { "loader": "sass" },
    "*.sass": { "loader": "sass" }
  }

for more advanced configuration please check plugin page

MKHenson commented 7 years ago

Thanks @piotrwitek , that worked a charm :)