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 分类：前端知识

2024-06-08也可以去官网找其他插件下载。_vite postcss

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

2024-06-06将 postcss.config.js 文件重命名为 postcss.config.cjs。这样做可以将其视为 CommonJS 脚本而不是 ES 模块。原因：使用了 ES Module 的语法，但是 postcss 的配置文件中使用了 CommonJS 的模块语法，导致了模块定义的问题。修改你的 postcss.config.js 文件，确保其导出一个对象作为模块的默认导出，而不是使用 module.exports。_triggeruncaughtexception

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

2024-06-06推荐项目：postcss PX to Viewport 8 Plugin项目地址:https://gitcode.com/lkxian888/postcss-px-to-viewport-8-plugin在前端开发中，适配各种屏幕尺寸已经成为一个不可或缺的需求。postcss PX to Viewport 8 Plugin 是一款高效、易用的postcss插件，用于自动将CSS中的像素单位（..._postcss-px-to-viewport-8-plugin

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

2024-05-27postcss的安装及使用 (2)：使用及问题解决_postcss.config.js

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

2024-05-26@apply 是 CSS 中的一个功能，它允许您将一组样式规则应用于一个选择器。这是一种实验性质的功能，并非所有的 CSS 解析器都支持它，特别是当你使用 postcss 和一些Unocss/Windcss/Tailwind CSS工作时。 在 VSCode 中遇到 Unknown at rule @applyscss(unknownAtRules) 的信息，可能是因为您的编辑器或其内置的 SCSS Linter 并不识别这一规则。_unknown at rule @applyscss(unknownatrules)

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

2024-05-24在根路径定变零--color变量后，在不使用postcss-cssnext插件时，postcss转化后的css文件中p标签里面的背景色的值还是变量形式，这就需要用到postcss-cssnext插件。reset.css文件是demo.css中导入的文件，通过postcss转化后并没有在同级目录生成新的reset.css文件，代码依旧是@impor”./reset.css”使用postcss转化之后引入的reset.css文件也被转化并合并到新的css文件中。_postcss.config.js

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

2024-05-09报错：Error: postcss plugin autoprefixer requires postcss 8。执行：npm i postcss-loader autoprefixer@8.0.0。原因：autoprefixer版本过高。降低autoprefixer版本。_postcss plugin autoprefixer requires postcss 8.

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

2024-05-08当涉及屏幕适配方案时，我们常常被众多选择所困扰，如postcss-pxtorem、postcss-px2rem、px2rem-loader、postcss-plugin-px2rem等。然而，在实际测试中，由于不同的Vue和Webpack版本，很多这些方式已经无法使用，反而带来了更多麻烦。为了尽快解决问题，我们应该始终以解决问题为导向，首先采用那些已经获得验证并能产生效果的方法。对于上述列举的方案，虽然没有一一测试过，但我们需要明确的是，抓住解决问题的关键。_vue项目pc端和移动端适配

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

2024-05-06如果引入了UI组件，会强制的把组件的px给改掉，selectorBlackList: [‘van-’]属性可以指定不转换为视窗单位的类名，例如vantUI组件所有类名都是以van-开头的，就不会将组件的宽度改变啦。2.我的UI设计稿宽度是375，所以viewportWidth 设置为375，会自动转换为vw，项目介绍 vite vue3 js的项目，vue2应该也是能用的，自己试下。1.安装自适应插件postcss-px-to-viewport。_csdn vite自适应页面

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