Installing Vendor plugins with Npm and Gulp

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. This command does two things: downloads package to node_modules folder and writes dependency to your package.json file inside dependencies object.
  3. Run gulp vendor. This command will clean dist/vendor folder and move all the dpendencies that are listed in package.json file in dependencies object to dist/vendor including your newly downloaded 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