Включить исходные карты в Vue-Vite

Question

Можно ли включить исходные карты в Vue-Vite в производственной среде?

Я хотел бы использовать его для Bugsnag.

Ничего не могу найти в документации.

В dev это работает прямо из коробки.

Answer 1

Благодаря @tony19 я смог это выяснить:

Начиная с vue ~2.0 это работает так:

      /**
* @type {import('vite').UserConfig}
*/
export default {
    plugins: [vue()],
    build: {
        sourcemap: true,
    },
}

Answer 2

На основе документации Vite создайте <projectRoot>/vite.config.js что экспорт build.sourcemap=true. Однако по состоянию на 1.0.0-rc.13, это не работает, а sourcemap=true работает:

      // vite.config.js
export default {
  build: {
    sourcemap: true  // ❌ no effect as of 1.0.0-rc.13
  },

  sourcemap: true // ✅
}

Answer 3

я использую Vite 2.9и исходная карта CSS не загружалась браузером. (Я также использую Typescript, если это имеет отношение к вам.)

На основе @types для существует devSourcemapсобственность под cssкоторый вы можете установить на true.

Здесь vite.config.tsфайл, который я сейчас использую:

      import ...;
...

export default defineConfig({
  plugins: [
    vue(),
    checker({
      typescript: true,
      vueTsc: true,
    }),
  ],
  resolve: {
    alias: {
      '@': fileURLToPath(new URL('./src', import.meta.url)),
    },
  },
  css: {
    devSourcemap: true,
  },
});

Answer 4

Я использую sass в своем проекте, добавляю его в свой vite.config.js и получаю исходную карту css.

              import { defineConfig } from 'vite'
        
        // https://vitejs.dev/config/
        export default defineConfig({
          css: {
            devSourcemap: true,
          },
        })

Answer 5

Как упоминалось в других ответах, для создания исходных карт необходимо включить параметр:

      export default {
  build: {
    sourcemap: true,
  },
}

Если вы ищете простую интеграцию с Bugsnag, обратите внимание на следующую библиотеку:

https://github.com/ElMassimo/vite-plugin-bugsnag

Он предоставляет плагин для загрузки исходных карт и позволяет build.sourcemap настройка для вас.

Answer 6

Эта ссылка поможет вам.

https://vitejs.dev/config/build-options.html#build-sourcemap

Это простой пример использования:

// vite.config.js

       export default {
  build: {
    sourcemap: true,
  },
}