css - 适用于 Shopify 主题的 Tailwind CSS | 顺风构建不起作用

Question

我正在尝试通过编译顺风基础、组件和实用程序来生成 CSS 代码来开发 Shopify 主题。

下面是我的文件。

tailwind.config.json

module.exports = {
  content: ["./src/**/*.{html,js}"],
  theme: {
    extend: {},
  },
  plugins: [],
}

应用程序.css

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

执行以下代码：

npx tailwindcss build -i  src/styles/application.css -o src/styles/tailwind.css

截图如下

运行上述代码后的终端截图

请让我知道有关此问题的更多信息。

提前致谢。

Answer 1

您的 HTML 和 JavaScript 文件是否在src文件夹中？
确保您分离您的 tailwindcss 文件并html js更好地理解代码结构。

module.exports = {
  content: ["./the folder where your html,js files exits/**/*.{html,js}"],
  theme: {
    extend: {},
  },
  plugins: [],
}