Installing Vendor plugins with Npm and Yarn

Follow this 4 easy steps to install 3rd party plugin and use it in your Finder based project:

  1. Open your Terminal window and navigate to the root directory of your project (where you package.json file is located).
  2. Run npm install <package name> --save , yarn add <package name> --save. This command does two things: downloads package to node_modules folder and writes dependency to your package.json file inside dependencies object.
  3. Run Vite. This command will clean vite folder and move all the dpendencies that are listed in package.json file in dependencies object to src/main.ts including your newly added plugins.
  4. And last step is to link to plugin's scripts and styles in your document. If you use Pug templates you can link to plugin using array of dependencies. See the screenshot below:
Link to vendor plugins in Pug template
Top