react脚手架安装命令行

淘宝镜像命令：

npm install -g cnpm --registry=https://registry.npm.taobao.org

1.全局安装命令：

cnpm install -g create-react-app

2.在自己的文件路径下：

create-react-app my-projectName

3.运行：

cnpm start

项目如下：

在根目录下命令行：tree /f，可以看到它的树形结构(删掉node_module才用这命令，不然长到吓死你，别问我为什么知道)

4、less安装：

cnpm install less less-loader --save-dev

5、此时的react项目光秃秃没有配置文件，命令添加配置文件夹：

cnpm run eject

如果命令行失败的话，参考这个链接：

https://www.cnblogs.com/zhixi/p/10488615.html

成功的话，是能得到config配置文件夹的：

此时还需进行配置才能使用less，在config->webpack.config.js添加两行代码：

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

再搜索‘sassRege’，找到下面的代码：

 

在其代码后面换行再粘贴一遍上面的代码，改成下面的：

            {
              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: {
                    getLocalIdent: getCSSModuleLocalIdent,
                  },
                },
                'less-loader'
              ),
            },

这样页面便能直接使用less样式了