带有SCSS的Tailwindcss 我想用parwindcs实现SCSS插件。除了我的自定义课程，所有内容都是编译的。 NPM脚本： “ TW：SCSS”：“ TailWindCSS -PostCSS -I ./src/style/index.scss -o ./.../...

Question

main scss文件（我还尝试了基本@tailwind base，@tailwind组件，@tailwind实用程序导入）：

@import "tailwindcss/base";
@import "tailwindcss/components";  
@import "tailwindcss/utilities";

@import "./_general.scss";  
@import "./card.scss";

Card.scss：

@layer components {
    .card {
    @apply bg-very-dark-blue-second rounded-lg w-11/12 p-4;
  }
}

_General.scss：

@import url("https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;600&display=swap");`  
body {
  font-family: "Outfit", sans-serif;
}

postcss.config.js：

module.exports = {
  plugins: [
    require("postcss-import"),
    require("tailwindcss"),
    require("autoprefixer"),
  ],
};

当我启动

npm run tw:scss

时，只有

_general.scss

被转移。问题是，甚至有可能以这种方式使用SCSS？如果是，如何解决此问题。

tailwindcssv4

从tailwindcss v4开始，对预处理器的支持已经停止，这意味着可以从v4开始使用sass。

tailwindcss v4docs

Answer 1

＃15716 by Robinmalfait：

-github