Is it possible to enable sourcemaps in Vue-Vite in production environment?
I would like to use it for Bugsnag.
Can't find anything about it in the docs.
Add a comment
|
6 Answers
Thanks to @tony19 I could find it out:
Since vue ~2.0 it works like this:
In <projectRoot>/vite.config.js:
/**
* @type {import('vite').UserConfig}
*/
export default {
plugins: [vue()],
build: {
sourcemap: true,
},
}
Comments
I'm using Vite 2.9 and a CSS sourcemap was not being loaded by the browser. (I'm also using Typescript, in case that is relevant to you.)
Based on the @types for vite.config.ts, there is a devSourcemap property under css which you can set to true.
Here is the vite.config.ts file I'm currently using:
import ...;
...
export default defineConfig({
plugins: [
vue(),
checker({
typescript: true,
vueTsc: true,
}),
],
resolve: {
alias: {
'@': fileURLToPath(new URL('./src', import.meta.url)),
},
},
css: {
devSourcemap: true,
},
});
1 Comment
Jtcruthers
Where is checker being defined?
I use sass in my project and I add this to my vite.config.js, and got css sourcemap.
import { defineConfig } from 'vite'
// https://vitejs.dev/config/
export default defineConfig({
css: {
devSourcemap: true,
},
})
Comments
This link will help you.
https://vitejs.dev/config/build-options.html#build-sourcemap
This is a simple example for use:
// vite.config.js
export default {
build: {
sourcemap: true,
},
}
Comments
For Vue3 and vite:
export default defineConfig({
plugins: [
vue(),
],
css: {
devSourcemap: true // <-- works
}
});
worked for me
Comments
