postcss.config.js export default{plugins:{tailwindcss:{}, autoprefixer:{},},} src/style.css添加 @tailwindbase;@tailwindcomponents;@tailwindutilities; 如果是自己定义的项目,确保入口 main.ts 使用了import './style.css' npm install vscode提示 安装 tailwind css intellisense 然后测试使用 如果字体颜色发...
安装 1 package.json 中配置 "devDependencies":{"autoprefixer":"^10.4.14","postcss-import":"^15.1.0","tailwindcss":"^3.3.1",} 2 根目录中添加 tailwind.config.js 文件 与vite.config.ts 共层级 module.exports ={content:["./index.html","./src/**/*.{html,js,vue,ts}"],theme:{extend...
tailwind.docs.73zls.com/docs/installation 安装Tailwind 以及其它依赖项 npm install tailwindcss@latest postcss@latest autoprefixer@latest 创建配置文件 生成tailwind.config.js 和 postcss.config.js 文件 npx tailwindcss init -p 修改tailwind.config.js ['./index.html', './src/**/*.{vue,js,ts,jsx,...
引入Tailwind CSS 中文文档 tailwind.docs.73zls.com/docs/installation 安装Tailwind 以及其它依赖项 npm install tailwindcss@latest postcss@latest autoprefixer@latest 创建配置文件 生成tailwind.config.js 和 postcss.config.js 文件 npx tailwindcss init -p 修改tailwind.config.js ['./index.html', './src/...
tailwind.docs.73zls.com/docs/installation 安装Tailwind 以及其它依赖项 npm install tailwindcss@latest postcss@latest autoprefixer@latest 创建配置文件 生成tailwind.config.js 和 postcss.config.js 文件 npx tailwindcss init -p 修改tailwind.config.js ['./index.html', './src/**/*.{vue,js,ts,jsx,...
module.exports = { plugins: { tailwindcss: {}, autoprefixer: {}, }, };Working With Blade & RoutesProcessing Static Assets With ViteWhen referencing assets in your JavaScript or CSS, Vite automatically processes and versions them. In addition, when building Blade based applications, Vite can ...
This PR adds the missing Tailwind CSS configuration steps in the Vite installation guide, which are necessary for setting up shadcn-ui. The steps are outlined in theofficial Tailwind CSS documentationbut were not included in our guide.
Contributor knownasnaffy commented Sep 4, 2024 The vite installation docs were missing the part where we have to add the tailwind import header to our global css file and the content configurationdocs: update vite installation docs 60e9ec5 ...
引入Tailwind CSS 中文文档 tailwind.docs.73zls.com/docs/installation 安装Tailwind 以及其它依赖项 npm install tailwindcss@latest postcss@latest autoprefixer@latest 创建配置文件 生成tailwind.config.js 和 postcss.config.js 文件 npx tailwindcss init -p 编辑 修改tailwind.config.js ['./index.html...
Usingvite-plugin-tailwind-purgecsswithSkeleton, we're able to reduce the CSS bundle size of Skeleton'sBarebones Templatefrom: 105.62 kB │ gzip: 14.36 kB down to: 16.33 kB │ gzip: 4.08 kB Usage Installation npm add -D vite-plugin-tailwind-purgecss ...