Riot.jsでscssを使う方法がわかりません。

Question

#主題
Riot.js公式ドキュメントを読むと、scssが使えるようなことがかいてあるんですが、このregisterPreprocessor関数はどこに記述すればいいんでしょうか。
index.htmlですか？

import { registerPreprocessor } from '@riotjs/compiler'
import sass from 'node-sass'


registerPreprocessor('css', 'sass', function(code, { options }) {
  const { file } = options

  console.log('sass のコードをコンパイル中', file)

  const {css} = sass.renderSync({
    data: code
  })

  return {
    code: css.css.toString(),
    map: null
  }
})

##追加の疑問
riot.jsやnode-sassはnode_modulesの中にインストールされてるのですが、importのパスは./node_modules/node-sassのようにしなくてもいいんでしょうか

Answer 1

このregisterPreprocessor関数はどこに記述すればいいんでしょうか。

コンパイルプロセスを実行する際に指定します。直接ブラウザで実行できるわけではありません。

Comments

[退会済みユーザー]

ありがとうございます！riot.config.jsに書き込めばいいことがわかりました。
その後`riot --config riot.config hoge.riot` で実行すると、hoge.jsと言うファイルが出来上がりました。

ただ、このファイルをどのように読み込めば正常に動作するのかがわかりません
教えていただけないでしょうか