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樣式了