moyashidaisuke's diary

フリーランスのエンジニアのダイスケです。プログラム関連とかギター関連とか旅行関連とか色々。

【Laravel】【PHP】Laravel(mixも)でvueファイルのlintで自動修正させる

lint自体の設定はこちらで。

laravel-news.com

qiita.com

qiita.com

npm(yarn)から起動する場合は、package.jsonに

    "scripts": {
        "lint": "eslint --fix --ext .js,.vue resources/js/",

みたいな感じで、--fixをつければ自動で修正までしてくれます。(できる範囲で)

npm run devなり npm run hotで自動実行させる場合は、webpack.mix.jsに

mix.webpackConfig({
  module: {
    rules: [
      {
        enforce: 'pre',
        exclude: /node_modules/,
        loader: 'eslint-loader',
        test: /\.(js|vue)?$/,
        options: {
          fix: true
        }
      },
    ]
  }
});

みたいに、options.fix=true な設定を入れればOKです。optionsは他にも色々設定できるので、工夫すれば色々できるかも。

github.com