搭建步驟：

1. create-react-app,使用create-react-app腳手架生成專案骨架

npm install -g create-react-app

create-react-app my-app

cd my-app/

npm start

2. 暴露webpack等配置檔案

npm run eject

3. 安裝eslint工具

"./node_modules/.bin/eslint" --init

安裝過種中會顯示安裝提示，按需要選擇即可。

這一步可能還要在ide裡面設定，以webstorm為例

Settings-ESLint-(Enable,Node interpreter,path to eslint bin,use specific config file(.eslint.js))       ----基本按IDE提示
 

4. 安裝redux

npm install --save redux
npm install --save react-redux
npm install --save-dev redux-devtools

5. 安裝react-router

npm install --save react-router
npm install react-router-dom --save

6. 安裝redux-saga

npm install --save redux-saga

7. 安裝less支援

npm install less-loader less --save

在webpack.config.dev.js和webpack.config.prod.js配置檔案中修改（此時包括了步驟7中的配置）

test: /\.css$/,              ====>            test: /\.(?:le|c)ss$/,

-----------------------------------------------------------------------

{
  loader: require.resolve('css-loader'),
  options: {
    importLoaders: 1,
  },
},

====>

{
  loader: require.resolve('css-loader'),
  options: {
    importLoaders: 1,
      // css modules
      modules: true,   // 新增對css modules的支援
      localIdentName: '[path]__[name]__[local]__[hash:base64:5]', //
  },
},

-----------------------------------------------------------------------

在use:[]節點的最後加入:
{
  loader: require.resolve('less-loader'),
}