问题标签 [postcss-loader]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
webpack - Webpack css-loader UnhandledPromiseRejectionWarning: Error: The module created for a LoaderDependency must have an original source
下面列出的所有插件都是最新版本。less-loader：7.2.1 css-loader：5.0.1 file-loader：6.2.0 postcss-loader：4.1.0 extract-loader：5.1.0 autoprefixer：10.2.1
我的 postcss 配置：
我的 webpack (5) 配置中有以下规则：
我正在使用 importLoaders: 2 因为我在 css-loader 的文档中看到，如果以前的加载器也对 @import 做了一些事情，这将是必要的吗？现在我收到以下错误：
当我删除 importLoaders 属性时，出现以下错误：
我究竟做错了什么？这在我将 css-loader 升级到 v5.0.1 后开始发生
css - 减少 Webpack 项目中的 CSS
寻找在我的 Webpack 项目中消除冗余 CSS 代码的最佳方法，即。我在文件夹中导入了一个本地 Bootstrap css 文件src，但使用的很少。
供应商.scss：
供应商.js：
通过谷歌搜索，我遇到了这两种PurifyCSSPlugin方法以及一种方法postcss-loader- 但是，当我尝试安装这些时，它们会失败，因为我认为它们现在已经贬值了。
感谢所有帮助和指导！
webpack - 将自定义尾风配置文件传递给 postcss 加载器
在我的项目中，我想生成 2 个顺风文件。
- 前端文件，无前缀
- 管理文件，所有类的前缀
我添加了 2 个配置文件：
- tailwind.config.js
- tailwind.admin.config.js
在里面tailwind.admin.config.js我添加了属性：
prefix: 'tw-',
问题出在 webpack 中，我无法在规则中指定替代配置。无论我做什么，它总是使用该tailwind.config.js文件。
这是我的 amdin 文件的 webpack 规则：
该格式require('tailwindcss')('./tailwind.admin.config.js'),只是我见过的一种用于指定配置文件的格式，但它在内部不起作用postcss-loader。它总是使用默认文件。
如何指定要在 webpack 中使用的确切顺风配置？
angular - 迁移到 Angular 11（自定义 webpack）后 SCSS 编译中的“TypeError: node.getIterator is not a function”
在我的 Angular 项目中加载 scss 文件时发生错误。这个错误是在我从 Angular v9 迁移到 v11 后首先出现的（我按照迁移指南进行了操作，一切顺利）。
错误：
对于每个无法解析的 .scss 文件，都会显示此错误。
上下文：
该项目正在使用@angular-builders/custom-webpackwebpack 构建器。我使用它是因为我们正在使用Tailwind CSS。
Webpack 有一个 postCSS 的配置：
该angular.json文件非常标准。
依赖项：
角度：^11
@angular-builders/custom-webpack: ^11
邮政编码：^8.2.6
postcss 导入：^14.0.0
postcss 加载器：^4.2.0
postcss-scss：^2.1.1
节点：v15.8.0 - （我想知道这是否是一个问题，因为我收到了一些关于软件包的警告。但是，我使用 nvm 降级了节点，并且在重新安装软件包并再次运行后出现了同样的错误。）
任何关于哪里可能出错的指示将不胜感激。
css - 在具有几个默认值的 CSS 变量的 calc() 上发布 CSS 解析错误
我正在使用 Post CSS 运行 Nuxt.JS 项目，并在生成项目的静态版本时出现以下错误：
失败的 CSS 片段——但根据 W3C CSS Validator 是正确的标记——看起来像这样：
奇怪的是，它在添加第三个后备后开始失败。因为这个在文档中更靠前的片段被正确解析了。
有什么帮助吗？谢谢！
css - Webpack postcss-loader 导致 sass 错误
我正在尝试在我的 WordPress 设置中包含 Tailwind CSS，这意味着我必须使用 post CSS。但是，当我将 postcss-loader 添加到此规则时：
我返回以下错误：
我尝试了许多不同的方法，但似乎都没有奏效。不确定我是否误解了某些东西，因为我发现的大多数材料都是针对 React 设置的。
ruby-on-rails - Rails Tailwind 设置：模块构建失败（来自 ./node_modules/postcss-loader/src/index.js）：
我正在按照本教程（https://web-crunch.com/posts/how-to-install-tailwind-css-using-ruby-on-rails）在 Rails 应用程序中设置尾风。我正在使用 rails 6.1.3.1 和 ruby 3.0.1。
尽管我遵循了所有步骤，但我的 CSS 似乎没有加载。当我检查（chrome 开发工具）我的控制台时，显示以下错误：
未捕获的错误：模块构建失败（来自./node_modules/postcss-loader/src/index.js）：错误：ENOENT：没有这样的文件或目录，打开'/app/javascript/stylesheet/tailwind.config.js'
知道可能是什么原因吗？
这是我的 postcss.config.js 文件：
这是我的 tailwind.config.js 文件：
css - 使用 postcss-loader 导入 css
我正在使用一个共享一些 CSS 的个人库。也有 postcss-loader 但在我的库中有此代码：
我从另一个得到这个问题：
javascript - 如何将 CSS 加载到 Webpack 5 中的 JavaScript 变量中？
我有
样式.css
脚本.mjs
webpack.config.mjs
包.json
预期的 console.log 输出
实际结果
当 postcss-loader 存在时，我得到了构建错误：
当 webpack.config.mjs 中没有 postcss-loader 时，我在 console.log 中得到了错误的输出：
reactjs - React 故事书 PostCSS 配置
我正在为我的 React 应用程序设置一个故事书。我遇到了 PostCSS 的问题，显然我的故事书配置没有处理 PostCSS，并且我的样式被完全忽略了。
这是我的 package.json：
这是我的 main.js：
非常欢迎任何帮助。