Laravel mix で React.js と Eslint の設定メモ

Laravel mix で 一部 React.jsを使いたくなったのでその時の追加設定手順をメモ

前提条件

• eslintが入ってる状態

yarn

$ yarn add react react-dom

lint

$ yarn add --dev eslint@7 eslint-plugin-react

eslint

	extends: ['eslint:recommended', 'plugin:react/recommended', 'prettier'],

webpack.mix.js のjs() に追加

.react()

をつける

eslint のルール追記

	rules: {
		'react/prop-types': 'off'
	},

参考: https://cpoint-lab.co.jp/article/202107/20531/