UniappHbuilderStyle
单独创建一个 main.css
文件,并引入 weapp-tailwindcss/css
。
这是为了
IDE
智能提示, 目前Vscode
tailwindcss
插件不会扫描vue
文件里引入的样式。
main.css
@import "weapp-tailwindcss/css";
@source not "unpackage";
在项目目录下的 App.vue
/ App.uvue
(uni-app x 项目) 然后添加以下内容:
App.vue
<style src="./main.css"></style>
添加
@source not "unpackage";
是为了避免HBuilderX
差量编译死循环问题
注意
千万不要在 uni.scss
中去引入 tailwindcss
, uni.scss
本质上走的是 scss.additionalData
, 它会在每一个 scss
文件的开头,都去添加 uni.scss
里的文件内容
所以这相当于你每个 scss
/ vue
文件里面,都加了 tailwindcss
引入,那 css
体积就爆炸了