nystudio107 / craft-imageoptimize

import { createVuePlugin } from 'vite-plugin-vue2'

import ViteRestart from 'vite-plugin-restart';

import { viteExternalsPlugin } from 'vite-plugin-externals'

import viteCompression from 'vite-plugin-compression';

import { visualizer } from 'rollup-plugin-visualizer';

import eslintPlugin from 'vite-plugin-eslint';

import { nodeResolve } from '@rollup/plugin-node-resolve';

import path from 'path';

// https://vitejs.dev/config/

export default ({ command }) => ({

  base: command === 'serve' ? '' : '/dist/',

  build: {

    emptyOutDir: true,

    manifest: true,

    outDir: '../src/web/assets/dist',

    rollupOptions: {

      input: {

        'imageoptimize': 'src/js/ImageOptimize.js',

        'field': 'src/js/OptimizedImagesField.js',

        'welcome': 'src/js/Welcome.js',

      },

      output: {

        sourcemap: true

      },

    }

  },

  plugins: [

    nodeResolve({

      moduleDirectories: [

         path.resolve('./node_modules'),

      ],

    }),

    ViteRestart({

      reload: [

          './src/templates/**/*',

      ],

    }),

    createVuePlugin(),

    viteExternalsPlugin({

      'vue': 'Vue',

    }),

    viteCompression({

      filter: /\.(js|mjs|json|css|map)$/i

    }),

    visualizer({

      filename: '../src/web/assets/dist/stats.html',

      template: 'treemap',

      sourcemap: true,

    }),

    eslintPlugin(),

  ],

  publicDir: '../src/web/assets/public',

  resolve: {

    alias: {

      '@': path.resolve(__dirname, './src'),

      'vue': 'vue/dist/vue.esm.js',

    },

    preserveSymlinks: true,

  },

  server: {

    fs: {

      strict: false

    },

    host: '0.0.0.0',

    origin: 'http://localhost:3001/',

    port: 3001,

    strictPort: true,

  }

});