create-react-app2.0如何配置postcss和eslint-config-airbnb？

Question

CRA2.0有没有人配置过postcss和eslint，能不能说下如何配置的

Answer 1

1、解决postcss问题

方法1：默认CRA2已经配置了postcss并且stage:3，我们运行yarn run eject后，在webpack.config.js文件下可以配置stage:0，这样就可以用postcss功能了

方法2：在不执行yarn run eject情况下，不想暴露所有配置，可以使用react-app-rewired

2、解决eslint问题

方法：

在VSCODE添加prettier插件

添加.eslintrc文件，添加如下代码：

{
    "extends": ["react-app", "plugin:prettier/recommended"]
}

然后在你的vscode配置文件里面添加：

  "editor.formatOnSave": true,
  "[javascript]": {
    "editor.formatOnSave": true
  },
  "eslint.autoFixOnSave": true,
  "eslint.alwaysShowStatus": true,
  "prettier.disableLanguages": ["js"],
  "files.autoSave": "onFocusChange",

即可完成基于eslint的代码规范和格式化了！！！

1. How to get modern CSS features to work?
2. postcss-preset-env
3. postcss-preset-env features