react項目使用less樣式，配置less

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,
　　　　　　　　　　moudles: true,              //模塊化　　
                sourceMap: isEnvProduction && shouldUseSourceMap,

              },

              'less-loader'

      ),

      sideEffects:true,

},

{

  test: lessModuleRegex,

  use:getStyleLoaders(

        {

                importLoaders:2,

                sourceMap: isEnvProduction && shouldUseSourceMap,

                

                getLocalIdent:getCSSModuleLocalIdent,

          },

          'less-loader'

      )

}