fix: 修复 Linux/Mac 命令行编译样式异常问题

问题原因:
- 自定义 postcss.config.js 覆盖了 uni-app 默认配置
- 导致 rpx 单位没有被正确转换

修复方案:
- 在 postcss.config.js 中添加 uni-app 的 postcss 插件
- 降级 postcss 到版本 7 以兼容 postcss-loader 3.x
- 降级 sass 到 1.32.13 以提高兼容性

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
This commit is contained in:
DevOps
2025-12-17 17:35:12 +08:00
parent 6f3b8db273
commit e8a2a5cef6
3 changed files with 123 additions and 1454 deletions

1565
package-lock.json generated

File diff suppressed because it is too large Load Diff

View File

@@ -20,8 +20,9 @@
"css-loader": "^3.6.0",
"file-loader": "^6.2.0",
"html-webpack-plugin": "^4.5.2",
"postcss": "^7.0.39",
"postcss-loader": "^3.0.0",
"sass": "^1.96.0",
"sass": "^1.32.13",
"sass-loader": "^10.5.2",
"thread-loader": "^2.1.3",
"url-loader": "^4.1.1",
@@ -43,6 +44,7 @@
"cross-env": "^7.0.3",
"mini-types": "*",
"postcss-comment": "^2.0.0",
"postcss-import": "^12.0.1",
"vue-template-compiler": "^2.6.14"
},
"browserslist": [

View File

@@ -1,7 +1,13 @@
const autoprefixer = require('autoprefixer')
// 引入 uni-app 的 postcss 插件来处理 rpx 转换
// 使用 postcss.plugin 旧版 API (postcss-loader 3.x 兼容)
const postcss = require('postcss')
const uniappPlugin = require('@dcloudio/vue-cli-plugin-uni/packages/postcss')
module.exports = {
plugins: [
autoprefixer()
uniappPlugin,
autoprefixer
]
}