laravel mix —производство неправильно генерирует css-файл tailwind

#tailwind-css #laravel-mix #postcss

Вопрос:

я создаю приложение laravel с библиотеками inertiajs и tailwind. при сборке для среды разработки (npm run dev) приложение запускается без проблем. но если я создаю для производства (npm запускает prod), страница отображается неправильно. мне кажется, что в tailwind отсутствует класс css. некоторые из утилит класса не существуют. ниже приведена моя конфигурация laravel mix:

 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 для очистки пути в конфигурации tailwind. проблема решена после добавления пути.