Sample code using scss in uni-app

Pitfalls encountered

I spent the whole afternoon solving the pitfalls of using scss in uni-app. First of all, let me talk about my problem. I couldn't use @mixin when using scss, and then Baidu used various methods to debug:

Code writing problem (it is not feasible to follow the official website's writing method completely): Official website demo

Browser problem (Firefox doesn't work).

Syntax version problem (changing the writing method does not work): SCSS does not work with mixin, and the browser cannot compile it

The plugin is not installed (reinstalling still doesn't work).

Changed <style type='css'> to scss, still doesn't work.

Using the new scss syntax doesn't work yet

I couldn't figure it out for the whole afternoon. With no other choice, I thought of trying the method of installing scss in Vue, and it actually worked.

It should be noted that it cannot be introduced globally, but can only be introduced page by page. I am also drunk.

Summarize:

uni-app is made based on vue. Next time if you want to install/import something, try it with vue first. If it doesn’t work, try uni-app.

The above is the full content of this article. I hope it will be helpful for everyone’s study. I also hope that everyone will support 123WORDPRESS.COM.