在webpack中，我们可以通过CSS Modules和@vue/cli的混搭方式，将px转换为rem。以下是一个基本的步骤：

1. 首先，确保你的项目已经安装了vue-cli。如果没有，可以使用以下命令安装：

npm install -g @vue/cli

1. 创建一个新的vue项目，或者使用已经存在的项目。以下是一个使用vue-cli创建的新项目：

vue create my-project

1. 在项目根目录下，使用以下命令安装CSS Modules：

npm install --save-dev css-loader

1. 在项目根目录下，使用以下命令安装@vue/cli的transform-proto：

npm install --save-dev @vue/cli-plugin-unit-jmp

1. 创建一个新的文件，例如style.css，并在其中添加以下代码：

```css @import 'vue-style-loader'; @import 'css-loader'; @import 'postcss-loader'; @import 'resolve-url-loader'; @import 'vue-loader'; @import 'vue-template-compiler'; @import 'vue-loader-plugin-unit-jmp';

module.exports = { // ... }; ```

1. 使用以下命令运行你的项目：

vue serve

1. 你可以在浏览器中打开http://localhost:8080/，你将会看到px转为rem的效果。

注意：这个过程可能需要一些时间，具体取决于你的项目的大小和复杂性。