问题标签 [postcss-loader]

我正在尝试使用 webpack 设置一个新项目并想设置 postcss，但是在安装 postcss-preset-env 时出现错误消息：

在 592 个扫描包中发现 34 个中等严重性漏洞 34 个漏洞需要人工审查。有关详细信息，请参阅完整报告。

日志说错误已用 postcss 版本 >=8.2.10 修补，我使用的是 8.3.0。和 postcss-loader 版本 ^5.3.0??

报告：

我想用 postcss-loader 设置 autoprefixer 插件。因为显然 15 版中的 vue-loader 默认不会激活 autoprefixer。我尝试了几种方法来做到这一点，将 postcss 配置放在单独的文件中，在 package.json 和 vue.config.js 文件中。

我设法得到的唯一结果是编译错误或没有错误但没有自动添加前缀。

如果你有我的解决方案，我很感兴趣。

包.json：

vue.config.js ：

我正在尝试使用postcss-env-function以便能够在 javascript 和 less/css 之间共享变量。我在构建期间收到以下错误。如果我删除index.less的第一行，错误就会消失：

@import '~antd/dist/antd.less';

但是，那我就不会得到 antd 的样式了。（如果我删除也没有错误postcss-loader）。如何解决这个问题？

最小存储库

错误：

webpack.config.js：

版本：less-loader：8.1.1 postcss：8.3.5 postcss-loader：6.1.1

index.less的开头：

包.json：

.babelrc：

当我尝试从 angular 7 升级到 8 时出现以下错误。

模块构建失败（来自 ./node_modules/postcss-loader/src/index.js）：

这是我的 package.json

角.json

我使用 postcss-loader 和 postcss-sprites 将所有图像组合成一个精灵，但由于某些未知原因它失败了。

这是我的项目结构：

这是我的index.js文件：

这是我的index.css文件：

这是我的 webpack 配置：

输出的 css 文件仍然使用原始图像，我在包中找不到任何精灵图像。

我使用 postcss postcss-px-to-viewpul-opt 将 PX 转换为 VW，并 exclude 忽略 node_modules，但它没有工作。我配置 postcss.config.js 如下

然后当我用 YARN Dev 运行项目时，我得到以下错误警告，以及当我用 DevTools 查看样式时，Vant 组件定义的 CSS 变量无法识别。

我使用带有@vuE-CLI 脚手架的vue3 项目并引入了vant3.1.5 组件库。现在运行项目会提示这个错误。无法识别 CSS 变量。你有没有遇到过这个问题？

我正在使用 webpack 编译我的 rails 应用程序并在日志中出现错误。它与使用 react-bootstrap 相关，但我试图弄清楚如何解决这个重复十几次或更多次的错误。

我在 webpack-dev-server 和 web 服务器日志中得到错误。它似乎没有引起任何功能问题。这一切都只是css废话。

我需要知道如何通过使警告静音或修复代码冲突来使警告消失

这是我的 package.json 文件供参考：

Bootstrap 5 支持 RTL，正如他们在文档中所说，他们使用 RTLCSS 来处理 RTL 样式。为了将 RTLCSS 与 angular 集成，我使用 ngx-build-plus 和 custom-webpack 插件将 RTLCSS webpack 规则注入到 angular 但是当我使用我的 webpack 配置编译 angular 时它给了我错误我尝试了 ngx-build-plus 和 custom -webpack 但是当我清除我的 webpack 规则时它们都有错误我的项目编译成功所以我的scss文件没有问题它一定是 webpack 配置问题但我找不到它。这是我的自定义 webpack js 文件

正如你所看到的，我想通过我所有的 scss 来通过 rtlcss 和 autoprefixer。这是编译错误：

我意识到这与我使用的字体系列样式有关，unicode-range因此我删除了所有字体系列以查看它是否可以编译并出现另一个错误：

所以正如我所说，这与我的 scss 文件无关，而且我的自定义 webpack 有问题，因为当我删除我的 webpack 规则时，我的项目编译成功。

在此处输入图像描述

在我的包 postcss 版本中是 ^8

我的 postcss-loader 版本是 4.3.0

webpack错误日志是： 错误 ./node_modules/map-ui/lib/css/index.css模块构建失败（来自./node_modules/mini-css-extract-plugin/dist/loader.js）：ModuleBuildError：模块构建失败（来自./node_modules/postcss-loader/dist/cjs.js）：TypeError：无法读取/Users/zhaoxuan/Desktop/Geek+Work/RMS-fe/node_modules/map-ui/lib 处未定义的属性“未加前缀” /css/index.css:1:21

我正在尝试使用 Webpack 5、Tailwind CSS 和 Typescript 从头开始​​创建一个全新的反应应用程序。在将几个教程结合在一起之后，我对如何让 postcss-loader 为 Tailwind 工作感到迷茫。如果我输入常规的 .css，它似乎可以工作，但如果我像我在 global.tailwind.css 中尝试做的那样导入@tailwind - webpack 错误并出现以下错误。

问题：

为什么顺风导入指令不使用 Webpack 导入？如果我对 css 进行硬编码，它似乎可以正常工作。

我遇到了这个Stack Overflow 问题，但附加的链接不再有效。

任何建议或帮助都会很棒，因为我刚开始从头开始做出反应。在此之前我使用过 CRA（create-react-app）。如果我缺少有助于调试此问题的文件，请告诉我，我将编辑问题。

模板 1 - Github

模板 2 - 哈希互动

模板 3 - 博客

谢谢！

浏览器中的错误：

Webpack.config.ts

包.json

global.tailwind.css（我也试过scss）

tailwind.config.js

编辑：

我也试过

哪个链接到正确的文件（node_modules/tailwindcss），但仍然给我上面的错误。

编辑2：

我还尝试删除 postcss-loader 并安装最新版本（6.2.0）而不是 3.0.0。仍然没有运气