I tried include them as css:
<link rel="stylesheet" type="text/css" href="src/coffee/card.coffee"/>
<link rel="stylesheet" type="text/css" href="src/scss/card.scss"/>
I tried include them as css:
<link rel="stylesheet" type="text/css" href="src/coffee/card.coffee"/>
<link rel="stylesheet" type="text/css" href="src/scss/card.scss"/>
If you're willing to use npm, see node-sass, it is an npm package that compiles your sass into css. And then you'll be able to link your compiled css file in your html.
It also allows you to setup a watcher, which will recompile your styles when you make a change. More information on how to do this using npm scripts can be found here.