使用 laravel-mix 和 sass 升级到具有 JIT 模式的 Tailwindcss 2.1 后，未导入 tailwind 模块答案

【问题标题】：After upgrading to Tailwindcss 2.1 with JIT mode using laravel-mix and sass, tailwind modules are not being imported使用 laravel-mix 和 sass 升级到具有 JIT 模式的 Tailwindcss 2.1 后，未导入 tailwind 模块
【发布时间】：2021-07-02 14:06:52
【问题描述】：

我已升级到 TailwindCss 2.1 并在 tailwind.config.js 中添加了模式：'jit'。当我运行yarn run dev 时，只有tailwindcss/base 被导入到编译好的app.css 文件中。

tailwind.css：

@import "tailwindcss/base";
/* end base */
@import "tailwindcss/components";
/* end comps */
@import "tailwindcss/utilities";
/* end utils */

app.scss：

 @import "../css/tailwind.css";
 /* start of custom css */

webpack.mix.js：

const mix = require('laravel-mix');
 const tailwindcss = require('tailwindcss');
 
 mix.sass('resources/scss/app.scss', 'public/css')
.options({
    processCssUrls: false,
    postCss: [
        tailwindcss('tailwind.config.js')
    ]
});

我最初在 app.scss 文件中进行了导入，但移动了它们以查看是否有帮助。任何人都知道为什么“tailwindcss/components”和“tailwindcss/utilities”不会导入？ "tailwindcss/base" 导入以及其他在 app.scss 中导入的 scss 文件

谢谢。

【问题讨论】：

标签： laravel sass tailwind-css laravel-mix

【解决方案1】：

原来tailwind.config.js的purge部分的路径不正确：

原文：

    purge: [
        './../resources/views/**/*.blade.php',
        './../vendor/livewire/livewire/src/**/*.blade.php',
        './public/**/*.html',
        './src/**/*.{js,jsx,ts,tsx,vue}',
    ],

正确：

    purge: [
        './resources/views/**/*.blade.php',
        './vendor/livewire/livewire/src/**/*.blade.php',
        './public/**/*.html',
        './src/**/*.{js,jsx,ts,tsx,vue}',
    ],

【讨论】：