问题标签 [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.
npm - NPM 的自动前缀错误(✖ 插件错误:找不到模块)
所以目前我在使用自动前缀时遇到了麻烦。
我已将 postcss-cli 和 autoprefixer 下载到 --save-dev 和 -g
当我运行这样的命令时:
工作正常与输出:
✔ 完成 ../../../htdocs/css/workflow/homepage-announcements.css (25ms)
现在我已经使用--use autoprefixer
了一个错误。下面的命令。
错误信息:
✖插件错误:找不到模块'../../../htdocs/css/workflow/homepage-announcements.css'
我已经尝试了一切,但仍然没有解决方案:(
base64 - postcss-base64 插件不适用于 postcss-cli
在我的 global.css 中,我内联了 svg,如下所示:
我想将其转换为base64。
上面的代码是使用带有 postcss-cli 和 postcss-inline-svg 插件的 postcss 使用 npm 脚本创建的,如下所示:
现在作为最后一步,我想将其转换为 base64,为此我使用postcss-base64插件:
然而,运行
对 CSS 没有任何作用。我试图在 css 中删除这部分:
然后使用 option.prepend 添加:
但这没有用。
我究竟做错了什么?
天呐!
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
。我根本不知道如何更改模块目录。
我尝试使用其他一些选项来更改目录,包括-b
and -d
,但似乎没有任何效果。而且我只是不了解 PostCSS(或底层的 javascript 软件),无法自行调试问题。
css - 使用 postcss 缩小多个输入文件
我按照以下步骤安装了 cssnano:http: //cssnano.co/guides/getting-started/
进入我的项目的根目录:
在我安装 postcss-cli 之后:
最后我按照指南创建了 postcss.config.js 文件:
我只能缩小一个文件。在我的项目中,我执行了:
但是我无法像在 gulp 中那样包含多个输入文件(而且我不知道这是否可能)。当我尝试运行这种类型的命令时:
出现以下错误:
postcss - 找不到带有 postcss 的模块 styles.css
我正在按照这个示例快速介绍 postcss:
https://www.sitepoint.com/an-introduction-to-postcss/
安装postcss
并autoprefixer
全局安装后,在我的项目的根目录中创建一个 styles.css 文件并运行以下命令:
我得到错误:
为什么它认为这是一个插件错误?
javascript - 记录 PostCSS 运行的插件是什么?
我正在编写一个使用 PostCSS 的 CLI,即使我uncss
在 plugins 数组中没有,我也会从uncss
. 有没有办法让 PostCSS 打印出当前加载的插件?
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
在教程中它编译成功,但在我这边却没有。
谁能告诉我为什么?
javascript - postcss-cli:覆盖输出文件扩展名
我希望它处理.dev.css
文件并将结果输出到同一文件夹中,但仅带有.css
扩展名。
预期结果:
我是postcss-cli
这样使用的:
当前结果:
它不会删除.dev
扩展名,因此它会覆盖同一个文件并导致无限循环。
javascript - 如何将参数传递给 PostCSS 配置文件函数
我有一个现有的 React 应用程序来增加我的应用程序 CSS 功能我正在使用 PostCSS 和 PostCSS CLI,并在根目录中创建了一个 postcss.config.js。在后 CSS 文档中,他们建议在配置文件中使用该函数,他们还提供了一个函数示例,但没有讨论如何调用该函数。
这是 Post CSS 文档中的一个示例函数。
我们如何将值传递给导出函数?