Как использовать vuetify a-la-carte с laravel -миксом?

Question

Я хочу использовать метод Vuetify a-la-carte с laravel -миксом.

Я читал документы , а также это полезно post .

Это моя полная webpack.mix.js конфигурация:

const mix = require('laravel-mix');
const VuetifyLoaderPlugin = require('vuetify-loader/lib/plugin');
 mix.webpackConfig({
   externals: {
    vue: 'Vue'
  }
 });

mix.options({
    extractVueStyles: 'public/css/components.css',
    purifyCss: true,
});

mix.webpackConfig({
       plugins: [
           new VuetifyLoaderPlugin({
               options: {}
           }),
       ]
   })
.js('resources/assets/js/voyager.js', 'public/js')

. js компилируется в действительный файл в public/js/voyager.js, а также css в public/css/components.css.

Однако voyager.js содержит ВСЕ компоненты из vuetify. Я использую только v-alert в моих файлах. Цель VuetifyLoaderPlugin - загружать только те компоненты, которые я на самом деле использую. Файл voyager.js уменьшен, но по-прежнему имеет размер 623 КБ.

Чего мне не хватает? Почему VuetifyLoaderPlugin не работает?

Answer 1

Итак, я предполагаю, что вы сделали npm run production, но ваш вояджер. js не минимизирован?

Афаик в смеси, минификация будет происходить только во время производственных сборок (npm run production).