efed031ea4
* Add deps * Setup copy events * Updoot * Tweak styling * Do a lil' proof-of-concept * Updoot @github-docs/render-content * Use SCSS variables for custom styles * Adjust docs * Ignore clipboard in check-deps * Add copy annotation to quickstart workflow sample Co-authored-by: Cynthia Rich <crichID@users.noreply.github.com>
Javascripts
The code in this directory is destined to run in a web browser!
The index.js file in this directory is bundled by Webpack. In development, we use webpack-dev-middleware to bundle automatically while running the server. In production, we run webpack --mode production via npm run build.
This file is then referenced in the footer:
<script src="/dist/index.js"></script>
Every other file in this directory is written as a module to
be required in index.js. They all have this format:
module.exports = () => {
// Do some cool browser stuff
// Note: by the time this runs, the DOM will be ready. :)
}
In development, the bundle will recompile every time a file used by javascripts/index.js is changed. This
ensures that you're always getting an up-to-date version of the script.
In production, the bundle is compiled during build-time.