Docz: कम या सीएसएस के साथ प्रतिक्रिया घटक कैसे संकलित करें?

आप अपने बंडलर कॉन्फ़िगरेशन को संशोधित कर सकते हैं और नियमों पर कम, एसएएस या सीएसएस मॉड्यूल लोडर डाल सकते हैं ... मेरे पास ज्यादा समय नहीं था, लेकिन मेरा विचार docz-plugin-less , docz-plugin-sass , docz-plugin-cssmodules जैसा कुछ बनाना है।

लेकिन अगर आप अपने बंडलर कॉन्फ़िगरेशन को संशोधित करना चाहते हैं, तो बस modifyBundlerConfig doczrc.js :

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

@यार्डविल

आपको सास या उससे कम का लोडर लगाने की जरूरत है।
सैस का उपयोग करके यहां एक उदाहरण दिया गया है:

// 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

यहां और पढ़ें: https://github.com/webpack-contrib/sass-loader

v0.2.11 जारी होने के बाद आप अपने सीएसएस को केवल एक प्लगइन जोड़कर कॉन्फ़िगर करने के लिए docz-plugin-css का उपयोग कर सकते हैं

@यार्डविल