npmpackage.info

Gathering detailed insights and metrics for vite-plugin-wasm-pack

Other packages similar to vite-plugin-wasm-pack

vite-plugin-wasm

3.4.1

Add WebAssembly ESM integration (aka. Webpack's `asyncWebAssembly`) to Vite and support `wasm-pack` generated modules.

vite-plugin-rsw

2.0.11

wasm-pack plugin for Vite

@jondot/vite-plugin-wasm-pack

0.1.12

Vite plugin for rust using wasm-pack 🦀

@pognetwork/vite-plugin-wasm-pack

0.1.8

Vite plugin for rust using wasm-pack 🦀

Gathering detailed insights and metrics for vite-plugin-wasm-pack

vite-plugin-wasm-pack - 0.1.12 | npmpackage.info

vite-plugin-wasm-pack

🦀 Vite plugin for rust wasm-pack

0.1.12

254

MIT

TypeScript

18.39 kB

632,531 2.7

Installations

npm install vite-plugin-wasm-pack

Developer Guide

BETA

Typescript

Yes

Module System

CommonJS

Node Version

16.15.0

NPM Version

8.5.5 Score

Supply Chain

98.9

Quality

75.9

Maintenance

100

Vulnerability

100

License

Pull Requests

Open

5

Total

16

Closed

4

Merged

7

Issues

Open

19

Total

25

Closed

6

Releases

🚀 RELEASE: v0.1.12

v0.1.12

Updated on May 20, 2022

Vite plugin for rust wasm-pack

0.1.7

Updated on Oct 14, 2021

Vite plugin for rust wasm-pack

0.1.2

Updated on Jun 24, 2021

View All 3 releases

Languages

TypeScript

Rust

HTML

TypeScript (80.39%)

Rust (9.92%)

HTML (9.69%)

Developer

nshen

Download Statistics

Total Downloads

632,531

Last Day

657

Last Week

8,162

Last Month

33,319

Last Year

519,706

GitHub Statistics

MIT License

254 Stars

56 Commits

39 Forks

3 Watchers

1 Branches

6 Contributors

Updated on May 06, 2025

Bundle Size

57.02 kB

Minified

18.39 kB

Minified + Gzipped

Bundlephobia

Maintainers

View All 6 Contributors

Package Meta Information

Latest Version

0.1.12

Package Id

vite-plugin-wasm-pack@0.1.12

Unpacked Size

14.11 kB

Size

4.75 kB

File Count

NPM Version

8.5.5

Node Version

16.15.0

Total Downloads

Cumulative downloads

Total Downloads

632,531

Last Day

-61.4%

657

Compared to previous day

Last Week

-14.1%

8,162

Compared to previous week

Last Month

-10.7%

33,319

Compared to previous month

Last Year

792.7%

519,706

Compared to previous year

Weekly Downloads

Monthly Downloads

Yearly Downloads

Dependencies

chalk fs-extra narrowing

Dev Dependencies

@tsconfig/node12 @types/fs-extra @types/node prettier typescript vite

🦀 Vite plugin for rust wasm-pack, it's simple.

Quick start

Make sure wasm-pack installed correctly.

Clone this repo or download the zip file, extract the example folder.

example
  |
  |-- my-crate       # rust project folder, there is a Cargo.toml in it
  |-- src            # front end source code
  |   |-- index.ts   # entry point
  |-- index.html     # html entry
  |-- vite.config.ts # vite config file
  |__ package.json   # npm config file

Install npm develop dependencies, in example folder run:

1yarn install
2# or
3# npm install

After that you can build rust project to WebAassembly by using wasm-pack.

1wasm-pack build ./my-crate --target web

Now the my-crate module is ready, start vite dev server.

1yarn dev
2or
3#npm run dev

Done, if below is showing.

1  vite v2.6.5 dev server running at:
2
3  > Local: http://localhost:3000/
4
5  ready in 169ms.

Install manually

1yarn add vite vite-plugin-wasm-pack -D
2# or
3# npm i vite vite-plugin-wasm-pack vite -D

Usage

Add this plugin to vite.config.ts

1import { defineConfig } from 'vite';
2import wasmPack from 'vite-plugin-wasm-pack';
3
4export default defineConfig({
5  // pass your local crate path to the plugin
6  plugins: [wasmPack('./my-crate')]
7});

Add script to package.json

1"scripts": {
2  "dev": "vite",
3  "build": "vite build"
4}

⚠ Don't forget to build your wasm-pack crate first!

1wasm-pack build ./my-crate --target web

Tips: you can add a wasm script to package.json like this:

1"scripts": {
2    "wasm": "wasm-pack build ./my-crate --target web",
3    "dev": "yarn wasm && vite",
4    "build": "vite build"
5}

Then, run:

1yarn dev

This will start dev server, and install my-crate that you built earlier.

Use wasm-pack package installed via npm

If you want use a package from npm that built with wasm-pack, like this one test-npm-crate

you have to pass the package name to the second param of our plugin.

wasmPack(['./my-local-crate'],['test-npm-crate'])

full example is in ./npm-crate-example folder.

notice, we only support package build with --target web for now , if a package you use is built without --target web, you should rebuild it.

like this example [Photon-vite] [source]

Cache Problem

I'm not sure if anybody have met the problem that after modified your package, your package don't update.

That's becasue vite pre bundling your package, you can follow vite guide to solve the problem.

If you met the problem , or any problems. feel free to create an issue, let me see if I can do something to help you, thanks.

Examples

Quick starter is in ./example folder.
Game of life [demo] [source]
Photon-vite [demo] [source]

License

MIT, see the license file

No vulnerabilities found.

10

Dangerous-Workflow

Determines if the project's GitHub Action workflows avoid dangerous patterns.

10

Binary-Artifacts

Determines if the project has generated executable (binary) artifacts in the source repository.

10

License

Determines if the project has defined a license.

2

Code-Review

Determines if the project requires human code review before pull requests (aka merge requests) are merged.

0

Maintained

Determines if the project is "actively maintained".

0

Token-Permissions

Determines if the project's workflows follow the principle of least privilege.

0

Pinned-Dependencies

Determines if the project has declared and pinned the dependencies of its build process.

0

CII-Best-Practices

Determines if the project has an OpenSSF (formerly CII) Best Practices Badge.

0

Security-Policy

Determines if the project has published a security policy.

0

Fuzzing

Determines if the project uses fuzzing.

0

Branch-Protection

Determines if the default and release branches are protected with GitHub's branch protection settings.

0

SAST

Determines if the project uses static code analysis.

0

Vulnerabilities

Determines if the project has open, known unfixed vulnerabilities.

Score

2.7

/10

Last Scanned on 2025-05-05

The Open Source Security Foundation is a cross-industry collaboration to improve the security of open source software (OSS). The Scorecard provides security health metrics for open source projects.

Learn More