问题标签 [postcss-import]

我正在尝试postcss-simple-vars与Snowpack一起使用。

REPL：https ://github.com/frederikhors/snowpack-svelte-tailwindcss

我正在使用https://github.com/snowpackjs/snowpack/tree/main/create-snowpack-app/app-template-svelte-typescript

我正在尝试像这样使用它：

• postcss.config.js：

• index.js：

• 索引.css：

• 颜色.css：

但它找不到变量，为什么？

你能帮助我吗？

更新：

我阅读了所有https://github.com/snowpackjs/snowpack/discussions/1693并尝试了一切：我没有运气！

我无法将嵌套的 .css 导入@import为：

也不是：

因此，我无法使用postcss-simple-vars.

我正在使用一个共享一些 CSS 的个人库。也有 postcss-loader 但在我的库中有此代码：

我从另一个得到这个问题：

我继承了一个使用 sass 和 tailwindcss 的项目。由于各种原因，我想离开 sass，但仍然使用顺风和 postcss。

有没有办法将 sass 项目转换为 css 项目。我知道我可以只编译 sass，然后得到一个 css 文件。但我想保留文件夹结构和变量。

所以我想知道是否有办法将部分 sass 转换为 css，例如

• sass 变量到 css 自定义属性
• 保持文件夹结构（使用 postcss-import，我想将文件重命名为 .css 并删除前导 _）

当然需要编译嵌套（直到我们得到 css 嵌套 :() 并且不确定@mixin 需要发生什么

我可以写一个简单的替换脚本，但是有更复杂的方法吗？

目标是为 Tailwindcss v3 配置支持 @import 和删除未使用的自定义 CSS 类的开发环境。

我没有使用捆绑器。该项目仅依赖于 HTML、CSS 和 JS，即没有框架。如果它很重要，我会使用 VS Code。

这是我尝试过的。

项目配置：

这是我的推荐台词：

仅运行上述命令，安装程序不会内联 custom*.css 文件。

为了实现内联，我还得在下面执行，表面上看起来好像没有必要。

最终结果是，Tailwindcss不会删除我未使用的自定义样式，即使包装在所需的 @layer {}中也是如此。

此处的第 5 步（使用 PostCSS）只是说开始构建过程，并没有提供任何细节。

此处的第 4 步（Tailwind CLI）仅表示启动 Tailwind CLI 进程。

那么，我错过了什么？

我需要使用捆绑器吗？如果是这样，我更喜欢的是 Rollup。

其他详情：

自动前缀：^10.4.0
cssnano：^5.0.10
postcss-cli：^9.0.2
postcss-import：^14.0.2 tailwindcss
：“^3.0.7

我正在尝试从现已死的 Tachyons 框架迁移到 Tailwindcss。但是，有一个障碍我还没有想出如何克服。

我使用jekyll-postscss Gem 在jekyll build. 以下设置似乎可以很好地工作：

assets/css/styles.css：

postcss.config.js：

tailwind.config.js：

使用jekyll build命令，我可以在_site/assets/css.

但是，当我尝试导入其他 css 或 scss 文件时，它不起作用。例如，如果我将styles.css文件修改为以下

assets/css/styles.scss：

where与( )test.css在同一目录中，抛出异常styles.scssassets/css/postcss-import

我有点困惑为什么postcss-import看不到这个文件。

在使用最新版本的 时postcss-import，我注意到它只允许@import文件顶部的语句类似于：

我的问题是，是否有某种方法可以配置postcss-import为允许@import文件中任何位置的语句？与此类似：

我知道这违背了即将到来的 CSS 标准。但是，我相信我已经在一个项目中看到了这个，我很好奇如何配置它。这是我的postcss.config.js文件：

谢谢