vur3 purgecss

Vue.js 3.x版本中使用PurgeCSS可以通过以下步骤实现：

1. 安装PurgeCSS和PurgeCSS插件

npm install -D purgecss purgecss-webpack-plugin

2. 在`vue.config.js`文件中添加以下代码

const PurgeCSSPlugin = require('purgecss-webpack-plugin');
const glob = require('glob-all');
const path = require('path');

module.exports = {
  configureWebpack: {
    plugins: [
      new PurgeCSSPlugin({
        paths: glob.sync([
          path.join(__dirname, './src/**/*.html'),
          path.join(__dirname, './src/**/*.vue'),
          path.join(__dirname, './src/**/*.jsx')
        ]),
        extractors: [
          {
            extractor: content => content.match(/[A-Za-z0-9-_:/]+/g) || [],
            extensions: ['html', 'vue', 'jsx']
          }
        ]
      })
    ]
  }
};

3. 运行`npm run build`命令进行打包，PurgeCSS会自动删除未使用的CSS代码。

以上就是使用PurgeCSS优化Vue.js 3.x版本中CSS文件的方法。需要注意的是，PurgeCSS会分析HTML、Vue和JSX文件中的CSS使用情况，因此需要确保所有的CSS代码都被正确引用。