[BUG] 样式使用了css module 生成的wxss ,保留了原 css

[xywai1993]

bug 描述 使用CSS module ，生成的目标样式保留了原样式 。我不确定这是有意为之还是bug

复现步骤

1. npm run dev
2. 使用CSS module
3. 查看 dist/pages 目录里的 任一页面的wxss

期望结果 只生成css module 样式

复现代码 [请提供一个可复现问题的代码仓库]

版本信息:

"remax": "^2.15.6" os : Mac os Big sur 11.6

其他信息

类似生成这样的

@import "./../../remax-styles.wxss";
.text {
    margin-top: 64rpx;
}
.list-wrap {
    display: flex;
    justify-content: flex-start;
}
.list-item {
    width: 40%;
}

.header {
    padding-top: 30%;
    background-color: #282c34;
    font-size: 40rpx;
    color: white;
}


.text___XEtZ5 {
    margin-top: 64rpx;
}
.list-wrap___2IlDC {
    display: flex;
    justify-content: flex-start;
}
.list-item___1YC99 {
    width: 40%;
}

.header___3qOk9 {
    padding-top: 30%;
    background-color: #282c34;
    font-size: 40rpx;
    color: white;
}

[samao]

这个问题要追溯到框架支持原生组件混合开发。已经很久了，没人发现没人修。启用CSS module的话，文件名避开index.less，可以index.module.less

[xywai1993]

这个问题要追溯到框架支持原生组件混合开发。已经很久了，没人发现没人修。启用CSS module的话，文件名避开index.less，可以index.module.less

😂，好，我试试，谢谢解惑。 我还以为是我提bug的方式不对，完全没人理....

[watsonhaw5566]

这个问题要追溯到框架支持原生组件混合开发。已经很久了，没人发现没人修。启用CSS module的话，文件名避开index.less，可以index.module.less

😂，好，我试试，谢谢解惑。 我还以为是我提bug的方式不对，完全没人理....

和@samao老哥的说法一样，为了支持原生混合开发和自动识别css module，当你使用index.less的时候会被识别成css又被识别成css module所以这个并不是bug。这个只是开发环境有，生产环境会被tree shaking掉的。