Jacob Herrington 4ea1e6e020 Fix typos and mechanical mistakes (#4177 ) [ci skip]

2019-10-01 16:30:13 -04:00

title
Webpacker

Webpacker

DEV has two Javascript codebases.

One contains plain Javascript, you can read about it in its own guide.

The other one is managed by Webpacker, and it's located inside /app/javascripts, written using ES6+.

Currently, it's mainly used for Preact components, served via webpack which is integrated into the Rails app using Webpacker.

There is a packs directory /app/javascript/packs where you can create new "pack" files. Pack files are initializers for Webpacker.

Since DEV is not a Single Page Application (SPA), Preact components are mounted as needed by including the pack file in the view files.

For example:

<%= javascript_pack_tag "webShare", defer: true %>

The include statement corresponds to the pack app/javascripts/packs/webShare.js