Skip to content

Install

R.Brown edited this page Mar 1, 2020 · 14 revisions

Table of Contents


In order to use GuideChimp, you must include the compiled and minified JavaScript file in your project. There are multiple options for including these pre-compiled files, also known as a distribution, in your website or application.

1) Using from a CDN

2) Install as Node.js/npm Module

GuideChimp is available on npmjs. Add the following to your package.json file and then run npm install:

"dependencies": {
    "guidechimp": "x.y.z"
}

or execute the following command in your Node.js environment:

$ npm install guidechimp

3) Install as ES6 Module

If you are using ES6 modules, import the library and CSS file:

import GuideChimp from 'guidechimp';
import 'guidechimp/dist/guidechimp.min.css';

4) Manual Installation

We strongly recommend that you use either a CDN or a package manager like npm. This will make it easier for you to deploy your project in different environments, and easily update GuideChimp when new versions are released. Nonetheless, if you prefer to integrate GuideChimp into your project manually, you can download the release of your choice from GitHub and copy the files from the dist directory into your project.

Include the compiled files in your HTML page:

<script src="guidechimp/dist/guidechimp.min.js"></script>
<link rel="stylesheet" href="guidechimp/dist/guidechimp.min.css">

GuideChimp styles can be imported directly in your CSS files:

@import url('guidechimp/dist/guidechimp.min.css');