-
Javascript & CSS Quickstart
Looking to add Javascript & CSS to Vanilla? This is the place to start. There's a few different ways to do this, but some are easier and more optimal. Adding JS inside of an Addon Before continuing with this, you need to have and addon. If you don't have one already, see the Addon Quickstart Guide. Using Typescript Modern…
-
Vanilla CLI Installation
Prerequisites Vanilla CLI has the same pre-requisites as Vanilla. Setup Installation with Composer Run composer global require 'vanilla/vanilla-cli'. If your composer bin directory is on your path, you can now run the tool with vanilla. If you are having difficulty locating your composer bin directory it is likely located…
-
Vanilla's Frontend Build System
Vanilla’s frontend scripts use a single global build process. This is used for all internal javscript, both in core and addons. What does it do? The included build process uses Typescript and Webpack to bundle typescript files to into javascript bundles. Every addon in your current vanilla project containing entries will…
-
Vanilla CLI Usage
Vanilla provides a command line tool to make various tasks easier for developers working on Vanilla Forums core or addons. Current functionalities include: Building frontend assets (scripts, stylesheets, and images). Generating cache files for addons. Converting addons’ PluginInfo/ThemeInfo to the addon.json format.…
-
Vanilla CLI Build Transformations
The Vanilla CLI’s sass and javascript build processes provide multiple methods to import other sass/css or javascript files. This only works with the built-in build processes. Javascript The javascript files are bundled not concatenated. Concatenation is how many legacy process work. A legacy build script would need to…
-
Vanilla CLI Build Structure
This is one of the built-in build processes. It is based on the task runner gulp. It builds stylesheets using node-sass or less and bundles javascript with Webpack and babel. This build process was formerly called 1.0. It has now been renamed to v1. Existing addon.json files referencing the process version 1.0 will…