您可能需要适当的加载程序来处理此文件类型，目前没有配置加载程序来为 TailwindCss 处理此文件

Question

我是第一次使用 tailwindcss，使用的是我在网上找到的教程。到目前为止，npm 安装了 tailwindcss、postcss、postcss-loader、autoprefixer。从 Tailwind 文档中，我需要 tailwind.config.js 和 postcss.config.js。

tailwind.config.js

module.exports = {
  content: ["./client/*.{html,js}", "./client/**/*.{html,js}"],
  theme: {
    extend: {},
    container: {
      center: true,
    },
  },
};

postcss.config.js：

const tailwind = require("tailwindcss");
module.exports = {
  plugins: [tailwind("./tailwind.config.js"), require("autoprefixer")],
};

我什至有一个 tailwind 的构建脚本：

 "build:css": "postcss public/tailwind.css -i public/style.css",

在我的 tailwind.css 文件中，我添加了 Tailwind 指令：

@tailwind base;
@tailwind components;
@tailwind utilities;

我的 webpack 中需要什么样的加载器？此外，我在终端的问题选项卡下得到了这个：

在我的浏览器终端上，我在 console.log 中看到以下内容：

有关如何解决此问题并开始设计我的应用程序的任何提示吗？

Answer 1

写下：

@import 'tailwindcss/base';

@import 'tailwindcss/components';

@import 'tailwindcss/utilities';

而不是：

@tailwind base;
@tailwind components;
@tailwind utilities

Answer 2

使用此代码安装加载程序：npm install --save-dev postcss-loader postcss