在Vue中，可以使用第三方库如Webpack或Rollup来生成多个CSS文件。以下是使用Webpack生成多个CSS文件的步骤：

1. 安装Webpack：首先，你需要在你的项目中安装Webpack。如果你使用的是npm，你可以在命令行中输入以下命令：

npm install webpack

1. 创建webpack.config.js文件：在你的项目根目录下创建一个名为webpack.config.js的文件。在这个文件中，你可以配置Webpack的基本设置，如模块打包规则，css优先级等。

```javascript const path = require('path');

module.exports = { entry: './src/index.js', output: { path: path.resolve(__dirname, 'dist'), filename: '[name].css' }, module: { rules: [ { test: /.vue$/, use: 'vue-loader', include: path.resolve(__dirname, './src') } ] } }; ```

1. 运行Webpack：在命令行中输入以下命令来运行Webpack：

webpack

这将创建一个名为dist的目录，其中包含了所有生成的CSS文件。

1. 编写样式文件：在你的HTML文件中，你可以使用import语句来导入你的CSS文件，然后在你的CSS文件中添加你需要的样式。例如：

```html

```

在你的CSS文件中，你可以使用import语句来导入其他的CSS文件，这样你就可以在你的样式文件中添加你需要的样式。例如：

css import './style.css';

在你的style.css文件中，你可以添加你的CSS样式。

这就是在Vue中使用Webpack生成多个CSS文件的基本步骤。你可以在Webpack的配置文件中添加更多的规则，以满足你的具体需求。