问题标签 [postcss-cli]

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.

0 投票
4 回答
11651 浏览

npm - NPM 的自动前缀错误(✖ 插件错误:找不到模块)

所以目前我在使用自动前缀时遇到了麻烦。

我已将 postcss-cli 和 autoprefixer 下载到 --save-dev 和 -g

当我运行这样的命令时:

工作正常与输出:

✔ 完成 ../../../htdocs/css/workflow/homepage-announcements.css (25ms)

现在我已经使用--use autoprefixer了一个错误。下面的命令。

错误信息:

✖插件错误:找不到模块'../../../htdocs/css/workflow/homepage-announcements.css'

我已经尝试了一切,但仍然没有解决方案:(

0 投票
1 回答
185 浏览

base64 - postcss-base64 插件不适用于 postcss-cli

在我的 global.css 中,我内联了 svg,如下所示:

我想将其转换为base64。

上面的代码是使用带有 postcss-cli 和 postcss-inline-svg 插件的 postcss 使用 npm 脚本创建的如下所示:

现在作为最后一步,我想将其转换为 base64,为此我使用postcss-base64插件:

然而,运行

对 CSS 没有任何作用。我试图在 css 中删除这部分:

然后使用 option.prepend 添加:

但这没有用。

我究竟做错了什么?

天呐!

0 投票
0 回答
785 浏览

windows - PostCSS 模块从错误的目录加载

我试图让 PostCSS CLI 在 Windows 上工作,与 PHPStorm 一起使用。我已经通过命令行选项让它工作,但我想将它与 javascript 配置文件一起使用。

以下是我用来通过 NPM 安装 PostCSS 的命令:

所以我现在在 node/node_modules 目录中有大约 6 个模块。

我有这个批处理文件(为了您的观看乐趣,分成多行)。这是在 PostCSS 文件夹中,仅用于测试:

这个批处理文件有效,所有插件也有效。

我的问题:

我想使用 postcss.config.js,而不是命令行参数,这样我就可以轻松自定义插件并使其更加便携。我有几十个单独的项目,我将在不同的目录和计算机中使用相同的设置。为此,我有一个名为“run-from-config.bat”的新批处理文件,其内容如下:

这个新的批处理文件与命令行版本位于同一文件夹中,还有新文件postcss.config.js

这遵循 PostCSS-CLI 页面“内容”下的说明:https ://github.com/postcss/postcss-cli

但它给了我一个错误,似乎是从错误的位置加载模块:

因此,使用此 javascript 配置文件时似乎找不到该模块。但是通过命令行选项加载插件时可以-u。我根本不知道如何更改模块目录。

我尝试使用其他一些选项来更改目录,包括-band -d,但似乎没有任何效果。而且我只是不了解 PostCSS(或底层的 javascript 软件),无法自行调试问题。

0 投票
1 回答
2263 浏览

css - 使用 postcss 缩小多个输入文件

我按照以下步骤安装了 cssnano:http: //cssnano.co/guides/getting-started/

进入我的项目的根目录:

在我安装 postcss-cli 之后:

最后我按照指南创建了 postcss.config.js 文件:

我只能缩小一个文件。在我的项目中,我执行了:

但是我无法像在 gulp 中那样包含多个输入文件(而且我不知道这是否可能)。当我尝试运行这种类型的命令时:

出现以下错误:

0 投票
1 回答
678 浏览

node.js - 无法在节点应用程序中安装 postcss-plugin

我正在尝试使用 css-declaration-sorter 但无法安装它。我已经尝试安装 postcss-cli 并在全局和本地运行 npx 并不断收到错误“插件错误:找不到模块'css-declaration-sorter'。这是我正在运行的快照: 安装本地依赖项并运行命令。

我尝试将路径添加到 css-declaration-sorter 无济于事。如果我尝试像页面上的示例那样使用 postcss,我会得到“找不到 postcss 命令”。任何有关如何使其工作的意见都非常感谢。

0 投票
1 回答
722 浏览

postcss - 找不到带有 postcss 的模块 styles.css

我正在按照这个示例快速介绍 postcss:

https://www.sitepoint.com/an-introduction-to-postcss/

安装postcssautoprefixer全局安装后,在我的项目的根目录中创建一个 styles.css 文件并运行以下命令:

我得到错误:

为什么它认为这是一个插件错误?

0 投票
0 回答
44 浏览

javascript - 记录 PostCSS 运行的插件是什么?

我正在编写一个使用 PostCSS 的 CLI,即使我uncss在 plugins 数组中没有,我也会从uncss. 有没有办法让 PostCSS 打印出当前加载的插件?

这个问题与这个问题有关。

0 投票
1 回答
84 浏览

reactjs - React Tailwind - 无法运行 build.css 文件

我是 tailwind 的新手,我有一个简单的带有基本 CSS 的反应购物车项目,我想用 Tailwind 转换它。

我已经使用下面的教程安装了顺风。

https://www.youtube.com/watch?v=v6Sy6VP2yOc

npm run build:css但是在教程中他使用命令时我被卡住了。

视频时间圈 -- https://youtu.be/v6Sy6VP2yOc?t=286

在教程中它编译成功,但在我这边却没有。

谁能告诉我为什么?

0 投票
0 回答
270 浏览

javascript - postcss-cli:覆盖输出文件扩展名

我希望它处理.dev.css文件并将结果输出到同一文件夹中,但仅带有.css扩展名。

预期结果:

我是postcss-cli这样使用的:

当前结果:

它不会删除.dev扩展名,因此它会覆盖同一个文件并导致无限循环。

0 投票
0 回答
150 浏览

javascript - 如何将参数传递给 PostCSS 配置文件函数

我有一个现有的 React 应用程序来增加我的应用程序 CSS 功能我正在使用 PostCSS 和 PostCSS CLI,并在根目录中创建了一个 postcss.config.js。在后 CSS 文档中,他们建议在配置文件中使用该函数,他们还提供了一个函数示例,但没有讨论如何调用该函数。

这是 Post CSS 文档中的一个示例函数。

我们如何将值传递给导出函数?