Skip to content

Into to Rollup#

rollup-starter-app#

Two folders: src (where the code sits) and public - HTML that includes bundle.js

rollup.config.js explains how to buil

npm run dev provides a live update

rollup-guide#

  • Entry point for application - main.js
  • imports etc - bundle.js

Uses ES Modules, not commonJS. But commonJS can be used through plugin

Tutorial#

Create the project folder, including src.

Create the entry point - main.js in src - including a supporting library

At that stage, they start running rollup manually

rollup-start-app applied to pathway planner#

  1. Add and perhaps modify rollup.config.js
  2. use PathWayPlanner.js for entry point
  3. Update package.json and perhaps .gitignore
  4. add public folder
  5. Copy index.html from src to public
  6. Can taffydb be installed via npm?
  7. Update when and how the pathway-planner.css is imported
  8. Install all the stuff that's included
  9. lit-element, lodash, accordion-container-component, navigo
  10. npm run build
  11. npm run start