create-react-app 項目安裝less

1.安裝依賴：

npm install less less-loader --save-dev

2.在webpack.config.js裏面添加配置:(若webpack.config.js文件沒有顯示出來，須要執行npm run eject將項目的配置文件顯示出來)

添加變量

const lessRegex = /\.less$/;

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

 

 

在module.rules中添加如下代碼：

{
              test: lessRegex,
              exclude: sassModuleRegex,
              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'
              ),
            },

 

 

配置完成後即可以在項目中使用.less文件