[Bug report] unocss使用@apply产生异常

Open
#2,145 6 comments 0 reactions 1 assignee View on GitHub

@cwyyue is already working on this.

Since Aug 6, 2025.

Assessment

This issue has not been assessed yet.

Description

enhancement

问题描述
请用简洁的语言描述你遇到的bug，至少包括以下部分，如提供截图请尽量完整：

  1. 问题触发的条件
    在style标签里面使用@apply，编译后的wxss文件只会生成@apply最后一个样式。
  2. 期望的表现
    比如@apply text-red-1 bg-white;
  3. 实际的表现
    只会生成background-color: white;

环境信息描述
至少包含以下部分：

  1. 系统类型(Mac或者Windows)
    windows和mac都一样
  2. Mpx依赖版本(@mpxjs/core、@mpxjs/webpack-plugin和@mpxjs/api-proxy的具体版本，可以通过package-lock.json或者实际去node_modules当中查看)
    最新版本
  3. 小程序开发者工具信息(小程序平台、开发者工具版本、基础库版本）
    微信、抖音

最简复现demo

<style lang="less"> .list { // --at-apply: bg-red-500; @apply text-gray-1 bg-red-500; // 这里只会生成最后一个css，比如leading-40px .item { @apply text-red-1 bg-white leading-40px; // 如果使用--at-apply，末行会多生成一个分号，导致微信开发工具报错 // --at-apply: text-red-1 bg-white leading-40px; /** [ WXSS 文件编译错误] ./components/list4cb8a88a/index.wxss(10:161): unexpected token `;`(env: Windows,mp,1.06.2505152; lib: 3.8.4) */ } /** ./components/list4cb8a88a/index.wxss(3:3): unexpected `@` at pos 44(env: Windows,mp,1.06.2505152; lib: 3.8.4) */ } </style>

仓库地址：https://github.com/liziwork/mpx-windows-easy-demo
请查看components/list组件style部分

Dominant language
JavaScript
Stars
3.9k
Forks
392
Avg merge
3d 12h
Merged PRs (30d)
15

Contributor guide

No contributing guide indexed for this repository

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

More from didi/mpx

All issues in didi/mpx

Similar issues

More JavaScript issues

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.