magicpro/vite.config.js at main · dixiPro/magicpro · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
import { defineConfig } from 'vite';
import laravel from 'laravel-vite-plugin';
import vue from '@vitejs/plugin-vue';
import path from 'path';
import fs from 'fs-extra';
import { execSync } from 'node:child_process';

export default defineConfig({
  plugins: [
    vue(),
    laravel({
      input: [
        'admin/js/artEditor.js', //
        'admin/js/editUsers.js',
        'admin/js/crawler.js',
        'admin/js/setup.js',
        'admin/js/fileManager.js',
      ],
      refresh: true,
      hotFile: path.resolve(__dirname, '../../../storage/magicpro.vite.hot'),
      publicDirectory: '../../../public',
      buildDirectory: 'vendor/dixipro/magicpro', // <— манифест будет: public/vendor/dixipro/magicpro/manifest.json
    }),

    {
      name: 'clean-assets-before-build',
      // вызывается ДО сборки Vite
      // удаляет старые assets, чтобы не было мусора и конфликтов
      buildStart() {
        console.log('--> Build start');
        // чистим старые асессты
        const assetsDir = '../../../public/vendor/dixipro/magicpro/assets';
        if (fs.existsSync(assetsDir)) {
          fs.removeSync(assetsDir);
          console.log('🧹 old assets cleaned');
        }
      },
    },
    {
      name: 'copy-after-build',
      closeBundle() {
        console.log('✅ start copying');

        // сгенерированные файлы вайтом
        // сохраняются в паблик проекта.
        const buildDirectory = '../../../public/vendor/dixipro/magicpro/';

        // сюда сохраняем сегенеренное для хранения в пакете
        const readyBundle = 'readyBundle/';

        // fs.emptyDirSync(readyBundle + 'assets'); // 🔥 очищает только папку assests
        // // что копируем, куда копируем
        // fs.copySync(
        //   buildDirectory + 'assets', //
        //   readyBundle + 'assets',
        // );

        // fs.copySync(
        //   buildDirectory + 'manifest.json', //
        //   readyBundle + 'manifest.json',
        // );
        const cmd = `rsync -av --delete ${buildDirectory} ${readyBundle} `;

        execSync(cmd, { stdio: 'inherit' });

        console.log('✅ MagicPro assets copied readyBundle');
      },
    },
  ],

  // build: {
  //   sourcemap: true,
  // },

  server: {
    host: '192.168.1.33', // фиксируем IPv4
    // port: 5174,
    strictPort: true,
    fs: { allow: [path.resolve(__dirname, '../../..')] },
    watch: {
      ignored: [
        '**/admin/controller**', //
        '**/admin/middleware/**',
        '**/admin/views/**',
        '**/data/**',
        '**/database/**',
        '**/public/**',
        '**/src/**',
      ],
    },
  },
});

// npm install bootstrap sass @fullhuman/postcss-purgecss --save-dev
// npm uninstall sass --save-dev
// npm install sass@1.71.1 --save-dev
// npm install @fortawesome/fontawesome-free --save-dev