2024-07-01新版本的vite不需要创建scss样式文件，直接在main.js中导入import "tailwindcss/tailwind.css";另外，对于vite4及以上版本，vite.config.js不需要对tailwind做任何配置，postcss插件vite内部会自动引入进行运行。在App.vue,将img标签的class设置为class='bg-red-900'和class='bg-orange-600'若页面中出现如下红色和橙色背景，则表示tailwindcss引入成功。_vite tailwindcss 不生效

https://www.qianduange.cn//article/13720.html 分类：前端知识

2024-06-24【node版本问题】最近该项目没有做任何修改，今天运行突然跑不起来报错了 `Postcss received undefined instead of CSS string`_postcss received undefined instead of css string

https://www.qianduange.cn//article/13375.html 分类：前端知识

2024-06-22配置postcss-px-to-viewport报错[plugin:vite:css] Failed to load Postcss config module is not defined in_无法找到模块“postcss-px-to-viewport”的声明文件。

https://www.qianduange.cn//article/13338.html 分类：前端知识

2024-06-18Vite 会使用 esbuild 或 Postcss 来转换 CSS 文件Vite 解析 CSS 文件的过程：① 使用 fs 模块读取 .css 文件的内容② 创建一个 style 标签，将 .css 文件的内容 copy 到 style 标签内③ 将 style 标签插入到 index.html 的 head 标签中④ 将该 .css 文件的内容替换为 Js 脚本，以便于 CSS 模块化 & 热更新# CSS 模块化 (CSS Module)在协同开发时，可能会出现_vite打包css降级

https://www.qianduange.cn//article/12634.html 分类：前端知识

2024-06-16tailwindcss转rem tailwindcss适配方案_postcss-px-to-viewport-8-plugin和tailwindcss能一起用吗

https://www.qianduange.cn//article/12227.html 分类：前端知识

2024-06-14Vue Postcss插件pxtorem的使用_postcss-pxtorem怎么使用

https://www.qianduange.cn//article/12107.html 分类：前端知识

2024-06-13root选择器用匹配文档的根元素。在HTML中根元素始终是HTML元素，所以也可以把:root理解为html根元素选择器，但是比html根元素的优先级高，:root伪类选择器常常被用于定义全局的CSS变量或者设置全局的CSS样式。CSS :root 选择器 | CSS 参考手册定义全局变量你可以使用:rootcss:root {// 定义CSS变量；// 代码中所有盒模型的边框向内挤压cssbody {:root {html {尽管html选择器出现在后面，:root。_css :root

https://www.qianduange.cn//article/11973.html 分类：前端知识

2024-06-13关键点就在最后的值。它决定了rem与px的转换。需根据系统的设计来做相应处理。有时甲方需要在异屏（2880*1800）系统上展示，也可固定的值，如直接赋值为16px；_pxtorem做适配、分辨率太大就会折叠

https://www.qianduange.cn//article/11971.html 分类：前端知识

2024-06-11方案一、在项目根目录下创建 postcss.config.js。方案二、 在vue.config.js单独配置。方案三、 在package.json单独配置。配置：如下有三种不同方案进行配置。_vue2 postcss-px2rem

https://www.qianduange.cn//article/11895.html 分类：前端知识

2024-06-11安装tailwindcss导致某些svg导致不居中的问题，研究了很久才知道，tailwindcss的preflight的css文件默认改变了svg和img等诸多文件的默认配置，需要把配置preflight设置成false，不引用许多默认样式，比如svg会改成block，但是element的svg是inline-block导致不居中，我这边看到项目已经引入了postcss-px2rem-exclude这个插件，然后也引入了rem.js文件了。这个依赖，唉，前任的错误，把依赖删除就可以了。_tailwind rem

https://www.qianduange.cn//article/11892.html 分类：前端知识