Jump to content

Recommended Posts

Posted

Has anyone experienced issues with Issue  vite, Less and data-uris being converted to relative paths instead of inline SVGs? pretty much like done here: https://github.com/uikit/uikit/blob/main/src/less/components/mixin.less

The issue is pretty much explained in this pull request on the vite code base that is supposed to be solved: https://github.com/vitejs/vite/pull/7400/files#diff-2cfbd4f4d8c32727cd8e1a561cffbde0b384a3ce0789340440e144f9d64c10f6

Has anyone figured out if there is a configuration needed in vite to make these work? Here goes my vite.config.js fwiw:

import { defineConfig } from 'vite';
import { fileURLToPath } from 'url';
import { basename, resolve} from 'path';
import removeConsole from "vite-plugin-remove-console";

import FullReload from 'vite-plugin-full-reload'

const ASSET_URL = process.env.NODE_ENV == 'production' ? '/site/templates/assets/dist' :  '';
const port = 5173;
const origin = `${process.env.DDEV_PRIMARY_URL}:${port}`;

export default  defineConfig({

  base: ASSET_URL,
  resolve: {
    alias: {
      '../../images/backgrounds': 'uikit/src/images/backgrounds',
      '../../images/components': 'uikit/src/images/components',
      '../../images/icons': 'uikit/src/images/icons'
    }
  },
  build: {
    minify: true,
    manifest: true,
    rollupOptions: {
      input: {
        build: resolve(__dirname, './main.js'),
      },
      output: {
        manualChunks: {
          uikitjs: ['uikit/dist/js/uikit', 'uikit/dist/js/uikit-icons-custom.js']
        },
        entryFileNames: `[name].js`,
        chunkFileNames: `[name].js`,
        assetFileNames: `[name].[ext]`
      }
    }
  },
  plugins: [
    removeConsole(),
    FullReload([
        '../../**/*.php'
    ]),
  ],
  css: {
    devSourcemap:true,
    preprocessorOptions: {
      less: {
         math: 'parens-division'
      }
    }
  },
  server: {
    cors: {
      origin: 'https://somedomain.ddev.site'
    },
    host: '0.0.0.0',
    port: port,
    strictPort: true,
    // Defines the origin of the generated asset URLs during development
    origin: origin
  }
})

 

  • Recently Browsing   0 members

    • No registered users viewing this page.
×
×
  • Create New...