@ff-tech/vite-plugin-bsdt
v1.0.4
Published
[[_TOC_]]
Downloads
10
Readme
[[TOC]]
Big Screen Dev Tools
A Vite plugin helps to wrap pages inside a resizable and zoomable iframe.
Install
yarn add @ff-tech/vite-plugin-bsdt --dev
Use BSDT plugin
// vite.config.js
import ffBSDTPlugin from '@ff-tech/vite-plugin-bsdt'
export default defineConfig({
plugins: [
// other plugins
vue(),
// apply BSDT plugin
ffBSDTPlugin()
],
})
Configuration
BSDT supports configuration through Vite's environment variables :
| Variable | Description | Default Value | |-----------------------|------------------------------------------------------------------------|---------------| | BSDT.enable | Enable BSDT or not | false | | BSDT.include | Paths that should be included in BSDT processing (separate by comma) | /, .html | | BSDT.exclude [^1] | Paths that should be excluded from BSDT processing (separate by comma) | <empty> | | BSDT.zoom | Zoom ratio | 100 |
[^1]: If a path matches both BSDT.include and BSDT.exclude, it will be excluded.
Quick start
create a env file .env.development.local under package root:
# .env.development.local
BSDT.enable=false