通過create-react-app建立的專案並沒有暴露出webpack的相關配置，所以我們要通過執行npm run eject來顯示webpack相關檔案。專案中會多出一個config目錄，它裡面就包含了webpack的相關配置檔案。

1. 顯示webpack配置檔案

npm run eject

如果執行npm run eject報錯，先執行 git add . 和 git commint -m ‘app init’ 這兩個命令，在執行npm run eject命令即可.

 2. 安裝less和less-loader

npm install less less-loader -S-D

3. 配置webpack.config.js檔案

// config/webpack.config.js

// 新增 less 解析規則，可以仿照專案對sass的支援
const lessRegex = /\.less$/;
const lessModuleRegex = /\.module\.less$/;

// 再在rules陣列中新增下面一段程式碼
// Less 解析配置
{
    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'
    )
},