uni-app vue2 通过vue/cli 脚手架安装sass

环境：

Node.js v16.18.0

vue/cli 5.0.8

uin-app 项目创建

未用HBuilder创建，为了方便在webstorm上开发，我的项目是通过windows cmd指令创建。 参考我的创建Blog。

vue2 + uni-app 2.0.2

在 WebStorm 中开发 uni-app - 用vue2实现手机APP(apk) + 微信小程序项目开发方案_webstorm运行uniapp项目_Lan.W的博客-CSDN博客而vue文件用的是webview渲染，Webview是一个基于webkit的引擎，可以解析DOM元素，展示html页面的控件，他和浏览器展示页面的原理是相同的，所以可以把它当做浏览器看待。vue文件用的是webview渲染，Webview是一个基于webkit的引擎，可以解析DOM元素，展示html页面的控件，他和浏览器展示页面的原理是相同的，所以可以把它当做浏览器看待。nvue是native vue的缩写，是uni-app的一种渲染方式。是native vue的缩写，是uni-app的一种渲染方式。https://blog.csdn.net/LlanyW/article/details/128983789?ops_request_misc=%257B%2522request%255Fid%2522%253A%2522168006731316800226531521%2522%252C%2522scm%2522%253A%252220140713.130102334.pc%255Fblog.%2522%257D&request_id=168006731316800226531521&biz_id=0&utm_medium=distribute.pc_search_result.none-task-blog-2~blog~first_rank_ecpm_v1~rank_v31_ecpm-1-128983789-null-null.blog_rank_default&utm_term=uni&spm=1018.2226.3001.4450

使用SCSS配置CSS

背景：无力吐槽，搞了我好多好多天，
@vue/cli 创建的支付宝小程序项目，无法使用sass ，使用lang=‘scss’ 报错，尝试过好几个版本都不好。使一直说版本问题，各种试。

还有说配置什么webpack.config.js，增加scss配置,这个配置是vue3才需要。后面发现我的是vue2。

先清理已经安装的不兼容的东东。

npm uninstall node-sass sass-loader
-安装sass，注意这里是sass 不是node-sass

npm install sass@1.60.0 --save-dev

npm install sass-loader@8.0.2 --save-dev

"sass": "^1.60.0", "sass-loader": "^8.0.2",

补充知识：

less、scss/sass
scss/sass是动态样式语言，比css多出很多功能（如变量、嵌套、运算,混入(Mixin)、继承、颜色处理，函数等），更方便阅读和维护。scss是sass升级版，所以安装的时候选择sass即可

<style lang="scss"> //<style> .my { width: 100%; height: 400px; background-color: silver; /* 居中*/ display: flex; justify-content: center; align-items: center; margin: auto; } </style>

less也是动态样式语言，一样也比css多处很多功能（如变量，继承，运算， 函数）， Less 既可以在客户端上运行，也可在服务端运行 ( Node.js)。