vuecli 使用rpx

VueCLI 并不直接支持 rpx 单位。rpx 是微信小程序中的一个尺寸单位，用于适配不同屏幕分辨率的设备。

如果你希望在 Vue 项目中使用 rpx，你可以通过引入第三方库或者自定义样式来实现。

一种方法是使用 postcss-px-to-viewport 插件，它可以将 px 单位转换为 vw 或者 rpx 单位。你需要先安装该插件：

npm install postcss-px-to-viewport --save-dev

然后在项目的 postcss.config.js 文件中进行配置：

module.exports = {
  plugins: {
    'postcss-px-to-viewport': {
      viewportWidth: 750,  // 设计稿宽度
      unitPrecision: 5,  // 转换后保留的小数位数
      viewportUnit: 'rpx', // 转换的单位
      selectorBlackList: [], // 忽略转换的选择器
      minPixelValue: 1, // 最小转换的像素值
      mediaQuery: false // 是否转换媒体查询中的 px
    }
  }
}

这样，你在编写样式时可以使用 px 单位，插件会自动转换为 rpx 单位。

另一种方法是自定义样式文件，比如创建一个名为 rpx.scss 的文件，在其中定义转换 rpx 的样式：

@function rpx($size) {
  $designWidth: 750;  // 设计稿宽度
  $ratio: 750 / $designWidth;
  @return ($size * $ratio) + rpx;
}

然后在需要使用 rpx 的地方引入该文件，并使用 rpx() 函数来设置样式。

综上所述，虽然 VueCLI 并不直接支持 rpx 单位，但我们可以通过引入第三方库或者自定义样式来实现在 Vue 项目中使用 rpx 单位的功能。