1
0
mirror of synced 2025-12-22 11:26:57 -05:00
Files
docs/javascripts
Jason Etcovitch 7b31c08e16 "All articles" component of Actions landing page (#16318)
* Spike out all-articles.html

* Use it somewhere

* Do the thing

* Use 3 columns

* Increase space between links

* Hide standalone categories

* Move all-articles to bottom of product-landing

* Add obj_size filter

* Add buttons if numArticles > 10

* Add click event to show

* Add a chevron ^

* Assign maxArticles for some DRY fun

* Add some comments
2020-11-12 12:57:30 -05:00
..
2020-10-23 09:53:36 -07:00
2020-09-27 14:10:11 +02:00
2020-09-28 09:44:14 -07:00
2020-09-27 14:10:11 +02:00
2020-09-27 14:10:11 +02:00
2020-10-22 15:41:46 -07:00
2020-09-27 14:10:11 +02:00
2020-11-03 15:35:56 -05:00
2020-09-27 14:10:11 +02:00

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.