uniapp(vue-cli项目)装scss

安装

# 亲测此版本组合可用
npm i sass-loader@10.1.1 -D
npm i node-sass@5.0.0 -D

问题总结

1. node-sass需要装Python，Python v3.10.1会报错，管理员CMD执行以下命令解决：

npm install --global --production windows-build-tools

这条命令会卡在Successfully installed Python 2.7，且一直在后台安装东西，卡5~10分钟后node-sass安装正常

2. webpack版本低所以sass-loader也需要低版本，sass-loader需为5.0.0或3.0.0(10.1.1版本sass-loader要求)
3. 更新uniapp(node-sass、sass-loader版本保持不动)依赖后报错unknown property 'data'或unknown property 'prependDatadata'。查看node_modules/@dcloudio/vue-cli-plugin-hbuilderx/build/css-loader.conf发现sassLoader引用的是@dcloudio/vue-cli-plugin-uni/packages/sass-loader，而未使用手动安装的版本，手动替换dcloudio里自带的版本即可正常。