create-react-app腳手架建立的專案有sass配置項，使用的時候只需要裝包即可，下面是less使用的方法

由於 create-react-app 腳手架中並沒有配置關於 less 檔案的解析，所以我們需要自己進行配置。需要安裝的外掛less，less-loader。

1、安裝less ,less-loader

npm install less less-loader --save

2、配置less

(1)在webpack4.x以上版本在命令列輸入npm run eject命令，將腳手架隱藏的配置檔案config->webpack.config.js顯示出來.並且配置

(2)在webpack.config.js檔案中找到 css和sass配置項 的 在52行增加less的解析正則規則：

const lessRegex =/\.less$/;

const lessModuleRegex =/\.module\.less$/;

　　（3）在webpack.config.js檔案中的css和sass配置項 490行插入：

{

   test: lessRegex,

 exclude: lessModuleRegex,

 use:getStyleLoaders(

  {

importLoaders:2,

    sourceMap: isEnvProduction 
 
&& shouldUseSourceMap,

   },

   'less-loader'

 ),

 sideEffects:true,

},

{

 test: lessModuleRegex,

 use:getStyleLoaders(

{

importLoaders:2,

    sourceMap: isEnvProduction && shouldUseSourceMap,

    modules:true,

    getLocalIdent:getCSSModuleLocalIdent,

   },

   'less-loader
 
'

 )

}