配置及安裝方式： 1.搭建react：npxcreate-react-appmy-app（my-app自己起的檔名，如果一直安裝失敗，試著清一下快取：npmcacheclean--force） 1.1：npmireact-router-dom（加入路由） 1.2：npminstall--savereduxreact-reduxredux-thunk（安裝Redux）
2.引入moment.js：npminstallmoment
3.引入eCharts：npminstallecharts
4.引入Antd：npminstallantd--save（--save,原指把模組寫入到packages.json。現在已經是內建引數，不用額外寫了）
5.安裝less：npminstall-gless（或者：npminstalllessless-loader--save）（還沒成功，有點麻煩，還需要配置webpack.config.js）
6.配置webpack.config.js檔案
6.1首先我們需要執行npmruneject來暴露webpack的配置檔案，你會發現多了config為名的資料夾。（如果這步報錯沒關係， 實我們只需要在之前執行?gitadd.命令，然後再執行??gitcommit-m"init"命令就可以解決。）
6.2最後是我們需要手動在webpack.config.js裡配置less：

// 在module中做兩處修改?
 

// 第一處是找到:
const sassRegex = /\.(scss|sass)$/;      改成=>   const sassRegex = /\.(scss|sass|less)$/;
const sassModuleRegex = /\.module\.(scss|sass)$/;       改成=>  const sassModuleRegex = /\.module\.(scss|sass|less)$/;
// 第二處是找到兩個 ‘sass-loader’ 換成 ‘less-loader’

6.3配置常用的路徑

module.exports = function
 
(webpackEnv) {
  return {
    resolve: {
      alias: {
        // react 路徑配置 import改為絕對路徑, 不必一直 ../../
        "components": path.resolve(__dirname, "../src/components"),
        "pages": path.resolve(__dirname, "../src/pages"),
        "router": path.resolve(__dirname, "../src/router"),
        "assets": path.resolve(__dirname, "../src/assets"),
        "store": path.resolve(__dirname, "../src/store"),
      },
    },
  };
};

最後提供都安裝好的GitHub地址：https://github.com/Zhujlin/react-demo-one