Skip to content

Commit

Permalink
ref(js): Add Source Maps wizard snippet to Vue sourcemaps page
Browse files Browse the repository at this point in the history
  • Loading branch information
Lms24 committed Sep 19, 2023
1 parent aa2c1d3 commit cf4d327
Showing 1 changed file with 15 additions and 5 deletions.
20 changes: 15 additions & 5 deletions src/platform-includes/sourcemaps/overview/javascript.vue.mdx
Original file line number Diff line number Diff line change
@@ -1,4 +1,4 @@
## Uploading Source Maps using Vite
## Uploading Source Maps in a Vue Project

<Note>

Expand All @@ -8,10 +8,20 @@ If you are on an older version and you want to upload source maps we recommend u

</Note>

### Using the Sentry Wizard

The easiest and recommended way to configure uploading source maps is by using the Sentry Wizard:

<Include name="sourcemaps-wizard-instructions.mdx" />

If you want to configure source maps upload manually, follow the guide for your bundler or build tool below.

### Manual Setup with Vite

If you are using Vue, chances are good you are using Vite to bundle your project.
You can use the Sentry Vite plugin to automatically create [releases](/product/releases/) and upload source maps to Sentry when bundling your app.

### Installation
#### Installation

```bash {tabTitle:npm}
npm install @sentry/vite-plugin --save-dev
Expand All @@ -21,7 +31,7 @@ npm install @sentry/vite-plugin --save-dev
yarn add @sentry/vite-plugin --dev
```

### Configuration
#### Configuration

Learn more about configuring the plugin in our [Sentry Vite Plugin documentation](https://www.npmjs.com/package/@sentry/vite-plugin).

Expand Down Expand Up @@ -69,11 +79,11 @@ We recommend running a production build to test your implementation.

</Note>

## Other Bundlers
### Other Bundlers

In case you are using a bundler other than Vite to build your Vue project, we've compiled a list of guides on how to upload source maps to Sentry for the most popular JavaScript bundlers:

- <PlatformLink to="/sourcemaps/uploading/webpack/">webpack</PlatformLink>
- <PlatformLink to="/sourcemaps/uploading/webpack/">Webpack</PlatformLink>
- <PlatformLink to="/sourcemaps/uploading/typescript/">
TypeScript (tsc)
</PlatformLink>
Expand Down

0 comments on commit cf4d327

Please sign in to comment.