Je suis en train de mettre en place Vue.js dans une application PHP existante. Comme l'application PHP possède une structure de répertoires existante, je dois modifier certains des emplacements par défaut trouvés dans Vue Inspect à l'aide du fichier vue.config.js. La partie Vue du site que je veux vérifier est conservée dans le répertoire :
/src/vue-app
Lorsque j'exécute "npm run lint", il regarde tout ce qui se trouve sous "/src". Comment puis-je dire au linter de ne regarder que dans "/src/vue-app" ? Mon fichier vue.config.js ressemble à quelque chose comme ceci actuellement :
const HtmlWebpackPlugin = require('html-webpack-plugin')
const path = require('path')
module.exports = {
// options...
baseUrl: 'https://local.my-site.com/dist/vue-app',
outputDir: '/sites/my-site/public/dist/vue-app',
configureWebpack: config => {
return {
entry: {
app: './src/vue-app/main.js'
},
resolve: {
alias: {
'@': path.resolve(__dirname, './src/vue-app')
}
}
}
},
chainWebpack: config => {
config
.plugin('html')
.tap(args => {
return [{
template: path.resolve(__dirname, './src/vue-app/index-default.phtml'),
filename: path.resolve(__dirname, './sites/my-app/module/Dash/view/dash/index.phtml')
}]
})
}
}
UPDATE :
J'ai configuré les éléments suivants dans mon fichier package.json.
"scripts": {
"serve": "vue-cli-service serve",
"build": "vue-cli-service build",
"lint": "vue-cli-service lint",
"test:unit": "vue-cli-service test:unit",
"test:e2e": "vue-cli-service test:e2e"
},
Et ceci...
"eslintConfig": {
"root": true,
"env": {
"node": true
},
"extends": [
"plugin:vue/essential",
"@vue/standard"
],
"rules": {},
"parserOptions": {
"parser": "babel-eslint"
}
},