elabx Posted July 26 Posted July 26 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 } })
Recommended Posts