Penpot/penpot
0
Fork 0
mirror of https://github.com/penpot/penpot.git synced 2025-01-04 13:50:12 -05:00
Code Issues Activity

Revert "📚 Minor fix to plugin docs"

Browse source
This commit is contained in:
Belén Albeza 2024-12-03 11:47:56 +01:00 committed by GitHub
parent 052b39d833
commit ea48c43a5f
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
1 changed files with 8 additions and 9 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

17
docs/plugins/create-a-plugin.md
View file

@ -60,10 +60,10 @@ npm install @penpot/plugin-types
If you're using typescript, don't forget to add <code class="language-js">@penpot/plugin-types</code> to your typings in your <code class="language-js">tsconfig.json</code>.
```js
```json
{
"compilerOptions": {
// ...
[...]
"typeRoots": ["./node_modules/@types", "./node_modules/@penpot"],
"types": ["plugin-types"],
}
@ -148,7 +148,7 @@ If you're using Vite you can simply edit the configuration file and add the buil
```ts
export default defineConfig({
// ...
[...]
build: {
rollupOptions: {
input: {
@ -168,12 +168,11 @@ export default defineConfig({
And then add the following scripts to your <code class="language-js">package.json</code>:
```js
```json
"scripts": {
"dev": "vite dev",
"dev": "vite build --watch & vite preview",
"build": "tsc && vite build",
"preview": "npm run build && vite preview",
// ...
[...]
}
```
@ -191,11 +190,11 @@ esbuild your-folder/plugin.ts --minify --outfile=your-folder/public/plugin.js
You can add it to your <code class="language-js">package.json</code> scripts so you don't need to manually re-run the build:
```js
```json
"scripts": {
"start": "npm run build:plugin && ng serve",
"build:plugin": "esbuild your-folder/plugin.ts --minify --outfile=your-folder/public/plugin.js"
// ...
[...]
},
```