React的less和sass的安装

npm run eject

将webpack配置暴露出来

如果报错 请输入

git add .

git commit -m '描述'

npm run eject

就暴露出来了

一.less
1.首先是下载less和less loader：

npm i  less less-loader

2.修改config/webpack.config.js

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

然后添加lessRegex和lessModuleRegex：

{
              test: sassModuleRegex,
              use: getStyleLoaders(
                {
                  importLoaders: 3,
                  sourceMap: isEnvProduction && shouldUseSourceMap,
                  modules: {
                    getLocalIdent: getCSSModuleLocalIdent,
                  },
                },
                'sass-loader'
              ),
            },
//下面为新添加的，上面代码只是帮助你找到添加代码的位置@_@
{
              test: lessRegex,
              exclude: lessModuleRegex,
              use: getStyleLoaders(
                  {
                    importLoaders: 3,
                    sourceMap: isEnvProduction && shouldUseSourceMap,
                  },
                  'less-loader'
              ),
              sideEffects: true,
            },
            {
              test: lessModuleRegex,
              use: getStyleLoaders(
                  {
                    importLoaders: 3,
                    sourceMap: isEnvProduction && shouldUseSourceMap,
                    modules: {
                      getLocalIdent: getCSSModuleLocalIdent,
                    },
                  },
                  'less-loader'
              ),
            },

less 安装完成

二.scss

 1.安装：

npm i node-sass@4.14.1 sass-loader

2.

create-react-app生成的项目webpack里面已经配好了sass和scss

不需要再去改动什么东西