1.先解析 webpack npm run eject

微信图片_20190421123643.png

2.安装less

安装less npm install less less-loader --save

3.配置webpack.config.js

// 找到 34行
const cssRegex = /\.css$/;
const cssModuleRegex = /\.module\.css$/;
改成
const cssRegex = /\.(css|less)$/;
const cssModuleRegex = /\.module\.(css|less)$/;

//最后找到
  {
          test: cssRegex,
              exclude: cssModuleRegex,
              use: getStyleLoaders(
                {
                  importLoaders: 1,
                  sourceMap: isEnvProduction && shouldUseSourceMap
                },
        // 在这里加上
                'less-loader'
              ),
}

基本上就配置好了
最后重新启动项目下 npm start

image.png

image.png

最后希望能帮助更多的人，看完别忘给个点赞哟！！！