CRA足場の下でlessサポートを追加

まずless依存をダウンロードします:npm install less less-loader--save
次にプロファイルを暴露します:yarn ejectまたはnpm run eject
構成が露出した場合に「Remove untracked files,stash or commit any changes,and try again.」エラーは、端末でgit addを使用する必要がある.そしてgit-m commit「up」
次にyarn ejectを実行します
このときwebpackを修正することができます.config.jsファイル
まずconstcssRegexとconstcssModuleRegexを変更します.

constcssRegex =/\.(css|less)$/;//  less
constcssModuleRegex =/\.module\.(css|less)$/;

次に「less-loader」を追加します.

{ 
 test: cssRegex, 
 exclude: cssModuleRegex, 
 use: getStyleLoaders({
 importLoaders:2,//   2
modules:true,//          
sourceMap: isEnvProduction && shouldUseSourceMap
 },
"less-loader"//  loader
),
sideEffects:true
}