问题标签 [postcss-loader]

我需要使用 webpack 为 Bulma css 类添加前缀。我找到了一个示例，但我的应用程序使用 Vue CLI 3，我不确定如何将 webpack 配置转换为 vue.config.js。

这是 webpack 配置

在我的vue.config.js我有以下内容：

这给出了一些内部 webpack 错误。

我面临一个问题webpack。我的项目具有以下结构。

文件夹结构：

文件夹内scss有 2 个文件app.scss& vendor.scss. app.scss文件包含我们所有的自定义样式，vendor.scss文件包含所有供应商样式，例如引导库样式。

命令后webpack：

Webpack通过文件导入这些scss文件，并通过文件 夹JavaScript添加供应商前缀postcss-loader和输出。dist

但我不想在vendor.scss文件中添加供应商前缀，因为供应商库已经有供应商前缀。那么有没有办法vendor.scss从postcss-loader.

完整代码：

src/js/app.js：

src/js/vendor.js：

src/scss/app.scss：

src/scss/vendor.scss：

包.json：

postcss.config.js：

webpack.config.js：

压缩文件。

我正在尝试从我的 css 包中提取一些媒体查询，但不幸的是插件无法正常工作。

这是我的postcss.config.js

Postcss 没有它也能正常工作，至少我没有任何错误

webpack.config.js 的一部分，我怀疑我在这里有任何问题，因为它工作正常

我的package.json的一部分

你知道为什么它不工作吗？

升级版：

如果我按如下方式使用它，我没有任何错误：

但我也需要设置一些选项，所以它不适合我

我在我的 webpack 配置中stylelint用作插件。postcss更进一步（因此在 postcss-loader 之后执行），我也在使用less-loader. 所有依赖项都在其最新版本中使用。

webpack.config.js

一切正常，如果有的话，linting 会抛出有意义的错误。但是，由于我在 camelCase 表示法中添加了一个 less 变量，因此我也得到了at-rule-*相关的错误：

似乎这曾经是一个已知问题，但根据更改日志应该已在 9.8.0 中修复：https ://github.com/stylelint/stylelint/blob/master/CHANGELOG.md#980

• 已修复：at-rule-* 对 Less 变量和 mixin 的误报 (#3767)。

这些是我的.less文件中被检查的行：

难道我做错了什么？

我可以摆脱将变量更改为 的驼峰式错误@fade-anim-duration，但仍然存在第二个错误：

我不想为了能够使用 LESS 变量而完全禁用这些规则。

我正在编写一个postcss打算在vue.js项目中使用的插件。这个插件需要在 vue-loader处理完cssid 并将任何作用域 id 添加到选择器后运行。有没有办法vue.config.js或其他方式来指定postcss插件的顺序？

目前我的插件包含在postcss.config.js. 我看到add-id作用域样式本身就是一个定义在这里postcss的插件，但我不确定它是如何实际使用的。

我的postcss配置和插件文件：

重申一下，我希望我的插件在css添加了作用域 ID 之后运行。

我从 Github 下载了我的 Ionic Cordova 项目。我安装了项目的所有依赖项。每当我运行命令“离子服务”时，我都会收到此错误。

我在互联网上进行了一些研究以找到解决方案。我尝试过像添加这样的解决方案

我一直无法解决这个问题。

我是 Vue 和 Webpack 的新手 该项目正在我的开发服务器上运行，运行时运行良好

但是当我跑步时

正在生成以下错误

我目前正在学习 sass/scss，并且正在尝试为一个练习项目设置 webpack 配置。所以我查找了我需要的工具和技术，一些资源建议我使用“node sass、sass-loader 和 css-loader”（webpack 文档），而另一个建议使用 post-CSS 而不是 css-loader。我想知道区别。

我正在尝试在 Heroku 上部署我的 nuxt 应用程序，但每次尝试部署它时，都会收到以下错误消息：

每次我运行yarn build命令来构建我的项目时都会发生此错误。

在我的项目中，我决定使用名为Argon Design的免费设计系统，错误表明它的argon.min.css文件有问题，我不知道此时应该如何进行。

为了诊断问题，我尝试将xml-fix-loader模块安装到我的项目中，但它无助于解决我的问题。当我安装它时，我应该做额外的步骤吗？

我在使用@rails/webpacker加载本地字体文件时遇到问题。字体是在开发环境中加载的，而不是在生产环境中加载的。这似乎是一个非常简单的问题，但我遇到了很多麻烦。下面是我的@font-face 代码。我的字体存储在 app/assets/images/fonts

应用程序 > 资产 > 样式表 > 配置 > _fonts.scss

在生产模式下获取字体文件会导致 404 错误。当我预编译资产时，我可以看到字体文件的文件名附加了一个哈希。在交付给浏览器的 css 文件中，字体文件的 url 保持不变。为了解决这个问题，我尝试在环境模块规则中使用file-loader、url-loader和resolve-url-loader，但无济于事。下面是我在 webpack 配置文件中的尝试。

配置 > webpack > environment.js

任何帮助将不胜感激 ：）