laravel mix --production 无法正确生成 tailwind css 文件

Question

我正在使用 inertiajs 和 tailwind 库构建 laravel 应用程序。为开发环境 (npm 运行 dev) 构建时，应用程序运行没有问题。但是，如果我为生产环境构建 (npm 运行 prod)，则页面无法正确呈现。我好像缺少 css class 来自 tailwind。一些实用程序 class 不存在。以下是我的 laravel 混合配置：

const mix = require('laravel-mix');
require('mix-tailwindcss');

mix.js('resources/js/app.js', 'public/js')
    .js('resources/frontjs/front.js', 'public/js')
    .vue()
    //.extract()
    .options({
        processCssUrls: false,
    })
    .postCss('resources/css/app.css', 'public/css', [
        require('postcss-import'),
        require('tailwindcss'),
    ])
    .postCss('resources/css/frontpage.css', 'public/css', [
        require('postcss-import'),
        require('tailwindcss'),
    ])
    .tailwind('./tailwind.config.js')
    .webpackConfig(require('./webpack.config'));

我使用 tailwindcss 版本 2.2.4，laravel 混合版本 6.0.25 和 mix-tailwindcss 1.3.0。有什么解决这个问题的建议吗？

Answer 1

已解决：我忘记将 vuejs 文件添加到 tailwind 配置上的清除路径。添加路径后问题解决。

laravel mix --production 无法正确生成 tailwind css 文件

laravel mix --production not generate tailwind css file correctly

postcss

laravel-mix

tailwind-css