A template that uses both vite and webpack
yarn install
yarn serve # vue cli server
yarn dev # vite server
yarn build # vue cli build
yarn build:vite # vite build
You can view the result in chrome console.
// main.js
// ...
console.log(import.meta.env)
console.log(import.meta.env.MODE)
console.log(import.meta.env.PROD)
console.log(import.meta.env.DEV)
console.log(import.meta.env.BASE_URL)
console.log(new URL('./assets/logo.png', import.meta.url).href)
console.log(new URL('@/assets/logo.png', import.meta.url).href)
console.log(import.meta.glob('./components/*.vue', { eager: true }))
console.log(import.meta.glob('@/components/*.vue', { eager: true }))
console.log(import.meta.glob('@/components/*.vue'))
console.log(import.meta.glob('./**/*.js', { eager: true }))
console.log(import.meta.glob('@/**/*.js', { eager: true }))
yarn lint