laravel mix --production 不能正确生成tailwind css文件

Posted 2023-03-07

【中文标题】laravel mix --production 不能正确生成tailwind css文件

【英文标题】：laravel mix --production not generate tailwind css file correctly

【发布时间】：2021-10-07 16:30:20

【问题描述】：

我正在使用惯性和尾风库构建 laravel 应用程序。为开发环境（npm run dev）构建时，应用程序运行没有问题。但是如果我为生产构建（npm run prod），则页面无法正确呈现。我似乎从顺风中缺少 css 类。一些实用程序类不存在。以下是我的 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 mix 版本 6.0.25 和 mix-tailwindcss 1.3.0。 有解决此问题的建议吗？

【参考方案1】：

已解决：我忘记添加 vuejs 文件以清除尾风配置中的路径。添加路径后问题解决。