【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

コメント

タイトルとURLをコピーしました