uni-app中使用scss

6,842 阅读1分钟

遇到的坑

整个一个下午我都在解决uni-app中使用scss的坑,首先说一下我的问题,在用scss时一直不能使用@mixin,然后百度各种办法调试:

  1. 代码写法问题(完全按官网的写法来的不可行): 官网demo
  2. 浏览器问题(换火狐不行)。
  3. 语法版本问题(换了写法同样不行): scss使用mixin不生效,浏览器无法编译出来
  4. 插件没有安装上(重装还是不好使)。
  5. 把style里的lang设置成scss还是不行。
  6. 使用scss新语法还是不行

整个一下午实在是弄不出来,没办法的情况下,想着直接用vue的中安装scss的方法来操作一下试试,结果还真可以了。

总结:

  • uni-app就是vue的基础上做的,下次如果要安装/引入什么东西,就先vue操作一下,不行再按uni-app的操作。