CSS не работает в производственной среде с Laravel Mix 5

Это для моего приложения Laravel + Vue SPA.

У меня есть этот файл конфигурации Laravel Mix здесь:

const path = require('path');
const fs = require('fs-extra');
const mix = require('laravel-mix');
const tailwindcss = require('tailwindcss');
require('laravel-mix-bundle-analyzer');

function publishAssets() {
    const publicDir = path.resolve(__dirname, './public');

    if (mix.inProduction()) {
        fs.removeSync(path.join(publicDir, 'dist'));
    }

    fs.copySync(path.join(publicDir, 'build', 'dist'), path.join(publicDir, 'dist'));
    fs.removeSync(path.join(publicDir, 'build'));
}

mix.js('resources/js/app.js', 'public/dist/js')
    .sass('resources/sass/app.scss', 'public/dist/css').options({
        postCss: [tailwindcss('./tailwind.config.js')],
        processCssUrls: false,
    });

// alias the ~/resources folder
mix.webpackConfig({
    plugins: [
        // new BundleAnalyzerPlugin()
    ],

    resolve: {
        extensions: ['.js', '.json', '.vue'],
        alias: {
            '@': `${__dirname}/resources`,
            '~': path.join(__dirname, './resources/js'),
            ziggy: path.join(__dirname, './vendor/tightenco/ziggy/dist/js/route.js'),
        },
    },

    output: {
        chunkFilename: 'dist/js/[chunkhash].js',
        path: mix.config.hmr ? '/' : path.resolve(__dirname, './public/build'),
    },
});

mix.then(() => {
    if (!mix.config.hmr) {
        process.nextTick(() => publishAssets());
    }
});

Он отлично работает с npm run watch, но когда я делаю npm run production, CSS не работает. Сайт загружается и работает, но отсутствует CSS.

Может ли кто-нибудь увидеть, что в моем коде вызывает это?

Вот мой spa.blade.php:

<link rel = "stylesheet" href = "{{ mix('dist/css/app.css') }}">

...

<script src = "{{ mix('dist/js/app.js') }}"></script>

На вкладке сети инструментов Chrome dev размер файла CSS составляет 270 КБ в среде разработки и 42 КБ в рабочей среде.

Что-то переводится неправильно.