tailwindcss 使用總結

2022-06-29 17:45:09 字數 749 閱讀 6814

安裝tailwindcss

安裝

npm install tailwindcss

引入

scss檔案引入,並匯入main.js生效

引入如下:

// 注入

@tailwind base;

@tailwind components;

@tailwind utilities;

// 正常匯入

@import "tailwindcss/base";

@import "tailwindcss/components";

@import "tailwindcss/utilities";

初始化tailwindcss配置檔案

npx tailwindcss init

裁剪尺寸

使用purgecss進行裁剪

const path = require("path");

// purgecss 編譯時裁剪css樣式大小

const purgecss = require("@fullhuman/postcss-purgecss")(),

]: [

require("autoprefixer")(),

]),:

)

webstorm **提示支援

教程

Tailwind CSS 基本配置

最近的乙個專案使用了新的框架,這個框架中使用了 tailwind css。對這個 css 的框架不是很熟悉,所以在使用過程中會遇到一些問題。對於這些問題記錄下。本文章主要介紹 tailwind css 的安裝 基本配置等。根據自己使用習慣是使用 npm 還是 yarn using npm npm i...

EJunGrid使用總結

1 1。0版沒有實現垂直方向上的對齊,procedure tobgui reportdesign.griddrawcelltext acanvas tcanvas const arect trect const acoord tpoint agrid tzjgrid const text strin...

SDRAM使用總結

1,sdram的位址線,在我們一般用的什麼sram啊,psram啊,ram啊,一般而言都是有多少根位址線,然後可以算出定址空間,比如有11根位址線,那定址空間就是2的11次方減1。但是sdram是分列位址和行位址的,行 列位址線是復用的,所以有時候我們看到說定址空間有多大多大,但是看看位址線怎麼就那...