Docz: lessまたはcssでReactコンポーネントをコンパイルする方法は?

作成日 2018年06月12日  ·  3コメント  ·  ソース: doczjs/docz

lessまたはcssでReactコンポーネントをコンパイルする方法は? プライベートnpmレジストリのUIライブラリはes5にコンパイルされたばかりで、コンパイルは少なくなりませんでした(webpackを使用したビジネスプロジェクトではコンパイルが少なくなりました)。

最も参考になるコメント

@YardWill

あなたはsass以下のローダーを置く必要があります。
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

詳細はこちら: https

全てのコメント3件

バンドラー構成を変更して、sassまたはcssモジュールローダーをルールに少なくすることができます...時間があまりありませんでしたが、私の考えはdocz-plugin-lessdocz-plugin-sassdocz-plugin-cssmodulesようなものを作成することです近い将来

ただし、バンドラー構成を変更する場合は、 modifyBundlerConfigdoczrc.js modifyBundlerConfigを使用してください。

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

@YardWill

あなたはsass以下のローダーを置く必要があります。
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

詳細はこちら: https

v0.2.11のリリース後、プラグインを追加するだけで、 docz-plugin-cssを使用してCSSを構成できます✌️

@YardWill

このページは役に立ちましたか?
0 / 5 - 0 評価