Docz: Comment compiler React Component avec moins ou css ?

Vous pouvez modifier la configuration de votre bundler et mettre les chargeurs de modules moins, sass ou css dans les règles... Je n'avais pas beaucoup de temps, mais mon idée est de créer quelque chose comme docz-plugin-less , docz-plugin-sass , docz-plugin-cssmodules dans un futur proche...

Mais si vous souhaitez modifier votre configuration de bundler, utilisez simplement le modifyBundlerConfig sur doczrc.js :

// doczrc.js
export default {
  modifyBundlerConfig: (config) => {
    /* put your custom loaders logic here */
    return config
  }
}

@YardWill

Vous devez mettre le chargeur de culot ou moins.
Voici un exemple utilisant sass :

// doczrc.js

export default {
  modifyBundlerConfig: (config) => {
    config.module.rules.push({
      test: /\.scss$/,
      use: ["style-loader", "css-loader", "sass-loader"]
    })

    return config
  }
}

yarn add style-loader css-loader sass-loader --dev

En savoir plus ici : https://github.com/webpack-contrib/sass-loader

Après la sortie de la v0.2.11, vous pouvez utiliser docz-plugin-css pour configurer votre CSS simplement en ajoutant un plugin ✌️

@YardWill