如何解決 react-create-app 里面的 no-unused-vars ？

如果每次啟動都有一大串的no-unused-vars 是不是感覺特別煩，不用擔心啦，有個配置可以解決它；

1. 在Hbuild 里面可以新建一個 .eslintrc 其他文件(傷心的是我在webStorm 和其他編輯器都建不起來，提示必須輸文件名)；

2. 就是npm run eject (暴露react-create-app 配置 ，這個操作不可逆)

3. 在webpack.config.dev.js 中修改rules;

4. 把它注釋掉use: [
   // {
   // options: {
   // formatter: eslintFormatter,
   // eslintPath: require.resolve('eslint'),
   //
   // },
   // loader: require.resolve('eslint-loader'),
   // },
   // ],

5. use: [{
   // @remove-on-eject-begin
   // Point ESLint to our predefined config.
   options: {
   //configFile: path.join(__dirname, '../.eslintrc'),
   useEslintrc: true
   },
   // @remove-on-eject-end
   loader: 'eslint-loader'
   }],

6. 在eslintrc 文件里編輯
{
  "extends": "react-app",
  "rules": {
    "no-multi-spaces": 1,
    "react/jsx-space-before-closing": 1,        // 總是在自動關閉的標簽前加一個空格，正常情況下也不需要換行
    "jsx-quotes": 1,
    "react/jsx-closing-bracket-location": 1,    // 遵循JSX語法縮進/格式
    "react/jsx-boolean-value": 1,               // 如果屬性值為 true, 可以直接省略
    "react/no-string-refs": 1,      // 總是在Refs里使用回調函數
    "react/self-closing-comp": 1,    // 對於沒有子元素的標簽來說總是自己關閉標簽
    "react/jsx-no-bind": 1,          // 當在 render() 里使用事件處理方法時，提前在構造函數里把 this 綁定上去
    "react/sort-comp": 1,            // 按照具體規范的React.createClass 的生命周期函數書寫代碼
    "react/jsx-pascal-case": 1        // React模塊名使用帕斯卡命名，實例使用駱駝式命名
  }
}