React新的安裝less的方法

yarn add less less-loader -D
yarn eject

在webpack.config.js文件中

const sassRegex = /\.(scss|sass)$/;
const sassModuleRegex = /\.module\.(scss|sass)$/;
在下面新增兩條
const lessRegex = /\.less$/;
const lessModuleRegex = /\.module\.less$/;

   {
              test: sassRegex,
              exclude: sassModuleRegex,
              use: getStyleLoaders(
                {
                  importLoaders: 2,
                  sourceMap: isEnvProduction && shouldUseSourceMap,
                },
                'sass-loader'
              ),
              sideEffects: true,
            },
              //對應的增加一條
                
               {
              test: lessRegex,
              exclude: sassModuleRegex,
              use: getStyleLoaders(
                {
                  importLoaders: 2,
                  sourceMap: isEnvProduction && shouldUseSourceMap,
                },
                'less-loader'
              ),
              sideEffects: true,
            },
                  {
              test: sassModuleRegex,
              use: getStyleLoaders(
                {
                  importLoaders: 2,
                  sourceMap: isEnvProduction && shouldUseSourceMap,
                  modules: true,
                  getLocalIdent: getCSSModuleLocalIdent,
                },
                'sass-loader'
              ),
            },
                //對應的增加一條
            {
              test: lessModuleRegex,
              use: getStyleLoaders(
                {
                  importLoaders: 2,
                  sourceMap: isEnvProduction && shouldUseSourceMap,
                  modules: true,
                  getLocalIdent: getCSSModuleLocalIdent,
                },
                'less-loader'
              ),
            },

運行的時候發現Error: Cannot find module '@babel/core'錯誤

//更新到最新版本就可以了
npm install -D babel-loader @babel/core @babel/preset-env webpack

////////////////////////////////////////////............................................................................................................................................................................../////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////############################################################################################################################################################################################################################################################