Question

我已经升级到 TailwindCss 2.1 并添加了模式：'jit' 到 tailwind.config.js。当我运行 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 文件

谢谢。

Answer 1

事实证明，tailwind.config.js 的清除部分中的路径不正确：

原文：

<块引用>

    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}',
    ],

使用 laravel-mix 和 sass 以 JIT 模式升级到 Tailwindcss 2.1 后，不会导入 Tailwind 模块

1 个答案: