Docz: ¿Cómo compilar React Component con less o css?

Puede modificar la configuración de su paquete y poner menos cargadores de módulos, sass o css en las reglas ... No tuve mucho tiempo, pero mi idea es crear algo como docz-plugin-less , docz-plugin-sass , docz-plugin-cssmodules en un futuro próximo ...

Pero si desea modificar la configuración de su paquete, simplemente use modifyBundlerConfig en doczrc.js :

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

@YardWill

Necesitas poner el cargador de descaro o menos.
Aquí hay un ejemplo usando 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

Lea más aquí: https://github.com/webpack-contrib/sass-loader

Después del lanzamiento v0.2.11 , puede usar docz-plugin-css para configurar su CSS simplemente agregando un complemento ✌️

@YardWill