node.js - When doing react server-side, how do I use imported other file types like Webpack? -

when doing server-side rendering of jsx files, won't read in files webpack have make adjustments want.

for example, cannot read in files this:

import './assets/styl/site' 

node.js doesn't have webpack's loaders doesn't know how read .styl or .cjsx file.

my node app run off of coffeescript had use workaround reading .jsx using babel in file i'm requiring coffeescript:

//  enable runtime transpilation use es6/7 in node  var fs = require('fs');  var babelrc = fs.readfilesync('./.babelrc'); var config;  try {     config = json.parse(babelrc); } catch (err) {     console.error('==>     error: error parsing .babelrc.');     console.error(err); }  require('babel-core/register')(config); 

i think i'm fundamentally getting wrong w/ server-side rendering, examples, seems way it. question why webpack loaders should used @ client-side don't work server-side.

here's blog series explaining how use webpack on node side: http://jlongster.com/backend-apps-with-webpack--part-i