vue3中如何配置stylelint

要在Vue3项目中配置Stylelint，可以按照以下步骤进行：

1. 安装Stylelint和相关的插件：

npm install stylelint stylelint-config-standard stylelint-webpack-plugin -D

2. 在项目根目录下创建.stylelintrc.js文件，并配置规则：

module.exports = {
  extends: 'stylelint-config-standard',
  rules: {
    // 在这里添加你的规则
  }
}

3. 在webpack配置中引入Stylelint插件，并添加到plugin数组中：

const StyleLintPlugin = require('stylelint-webpack-plugin')

module.exports = {
  // ...
  plugins: [
    // ...
    new StyleLintPlugin({
      files: ['src/**/*.vue', 'src/**/*.scss'] // 检测的文件类型
    })
  ]
}

4. 在项目根目录下创建.stylelintignore文件，并配置需要忽略的文件：

node_modules/
dist/

这样就完成了在Vue3项目中的Stylelint配置。