#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. проблема решена после добавления пути.