57 lines
No EOL
1.8 KiB
JavaScript
57 lines
No EOL
1.8 KiB
JavaScript
// vite.config.mjs
|
|
// Vite configuration file for a Vue 2 webapp using the Vue 2 compatibility build.
|
|
// Vite replaces Vue CLI as the build tool. As it is designed for Vue 3, we use the
|
|
// @vue/compat package to enable Vue 2 maintaining compatibility syntax and features.
|
|
// Important: This is a preliminary setup, for vue2 to vue3 migration purposes.
|
|
// Note: Comments are generated to explain relevant configuration options.
|
|
|
|
import { fileURLToPath, URL } from 'node:url'
|
|
import { defineConfig } from 'vite'
|
|
import vue from '@vitejs/plugin-vue'
|
|
|
|
// https://vitejs.dev/config/
|
|
export default defineConfig({
|
|
plugins: [
|
|
vue({
|
|
template: {
|
|
compilerOptions: {
|
|
// Enable Vue 2 compatibility mode.
|
|
compatConfig: {
|
|
MODE: 2
|
|
}
|
|
}
|
|
}
|
|
}),
|
|
],
|
|
resolve: {
|
|
alias: {
|
|
// Use Vue 2 compatible build.
|
|
'vue': '@vue/compat',
|
|
// Setup path alias for src directory.
|
|
// This allows importing modules using '@/path/to/module'.
|
|
'@': fileURLToPath(new URL('./src', import.meta.url))
|
|
},
|
|
// Recognize these file extensions for module resolution.
|
|
extensions: ['.mjs', '.js', '.ts', '.jsx', '.tsx', '.json', '.vue'],
|
|
},
|
|
server: {
|
|
host: true,
|
|
// Set the development server port to 8080.
|
|
// OFM uses port 5000, so we avoid conflicts. run, and override by using the address:
|
|
// http://microscope.local:8080/?overrideOrigin=http://microscope.local:5000#
|
|
port: 8080,
|
|
strictPort: true,
|
|
},
|
|
css: {
|
|
preprocessorOptions: {
|
|
less: {
|
|
// Always include math in Less files.
|
|
math: 'always',
|
|
// Enable relative URLs in Less files.
|
|
relativeUrls: true,
|
|
// Enable JavaScript in Less files
|
|
javascriptEnabled: true,
|
|
}
|
|
}
|
|
}
|
|
}) |