lessまたはcssでReactコンポーネントをコンパイルする方法は? プライベートnpmレジストリのUIライブラリはes5にコンパイルされたばかりで、コンパイルは少なくなりませんでした(webpackを使用したビジネスプロジェクトではコンパイルが少なくなりました)。
バンドラー構成を変更して、sassまたはcssモジュールローダーをルールに少なくすることができます...時間があまりありませんでしたが、私の考えはdocz-plugin-less
、 docz-plugin-sass
、 docz-plugin-cssmodules
ようなものを作成することです近い将来
ただし、バンドラー構成を変更する場合は、 modifyBundlerConfig
でdoczrc.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
最も参考になるコメント
@YardWill
あなたはsass以下のローダーを置く必要があります。
sassを使用した例を次に示します。
詳細はこちら: https :