vue ui (vue cli 3~) で作ったプロジェクトで eslint を無効化する

vue ui でのプロジェクト作成時に入れた eslint を無効化したくなったが、出来るようになるまで時間がかかったのでメモ。

環境
@vue/cli 4.5.7

プロジェクト内でwebpackの設定を記述している箇所が見当たらない

-> 初期状態では vue-cli の内部的な設定を利用している(?)ためファイルが存在しない
下は設定の中身を確認するコマンド

vue inspect
vue inspect > output.js  // ファイルに出力する

参考 https://cli.vuejs.org/guide/webpack.html#inspecting-the-project-s-webpack-config

eslint を無効化したい

-> vue.config.js に記載した内容がデフォルトのwebpack設定にマージされる
下の内容のファイルをプロジェクトルートに作成する

vue.config.js

module.exports = {
    chainWebpack: config => {
        config.module.rules.delete('eslint');
    }
}

参考 https://stackoverflow.com/questions/49121110/how-to-disable-eslint-on-vue-cli-3