Skip to content

examples

Directory actions

More options

Directory actions

More options

Latest commit

 

History

History

examples

Folders and files

NameName
Last commit message
Last commit date

parent directory

..
example-amd
example-amd
 
 
example-circular
example-circular
 
 
example-dynamic-import
example-dynamic-import
 
 
example-emit-chunk
example-emit-chunk
 
 
example-globals
example-globals
 
 
example-https
example-https
 
 
example-live-bindings
example-live-bindings
 
 
example-mjs-config
example-mjs-config
 
 
example-multi-bundle
example-multi-bundle
 
 
example-preact
example-preact
 
 
example-public-path
example-public-path
 
 
example-react-esinstall
example-react-esinstall
 
 
example-react-hot-loader
example-react-hot-loader
 
 
example-react-refresh
example-react-refresh
 
 
example-single-file-bundle
example-single-file-bundle
 
 
example-typescript
example-typescript
 
 
example-virtual-index-html
example-virtual-index-html
 
 
README.md
README.md
 
 

README.md

Examples

Getting Started

  • npm install to install all of the dependencies.
  • npm start will run the Nollup dev server.
  • npm run build will use Rollup to generate a production bundle.

Make sure you have ran npm install in the root of the Nollup repository. Every example uses Nollup relatively with node ../../lib/cli.js. In a normal project, this would be nollup.

example-preact

  • Uses Preact as the base framework.
  • Supports HMR using prefresh.
  • Supports HMR for CSS styles.
  • Config shows how to use different plugins for dev and prod.
  • Note that plugins never write to disk during dev.

example-react-refresh

  • Uses React as the base framework.
  • Supports HMR using react-refresh.
  • Supports HMR for CSS styles.
  • Uses CommonJS plugins that supports HMR by not parsing out dynamic require calls.
  • The alternative CJS plugin also allows for require inside ES modules.
  • Uses replace plugin because of process.env.NODE_ENV not existing in browsers.

example-react-hot-loader

  • Uses React as the base framework.
  • Supports HMR using the old react-hot-loader.
  • Supports HMR for CSS styles.
  • See above about CJS plugin.

example-dynamic-import

  • Uses React as the base framework.
  • Uses dynamic import to generate separate file.
  • Demonstrates HMR working across multiple generated JavaScript chunks.

example-multi-bundle

  • Demonstrates Nollup CLI supporting multiple bundles to be generated.
  • Both bundles are able to use HMR.

example-emit-chunk

  • Demonstrates the emitFile API to emit a custom chunk.
  • Custom chunk is created using a custom plugin to emit web workers as separate files.

example-globals

  • Demonstrates external option to access global variables in iife format.

example-circular

  • Demonstrates big libraries with circular dependencies (moment) working in Nollup.

example-public-path

  • Demonstrates how to use publicPath for enabling single page applications to work in a subdirectory.

example-single-file-bundle

  • Although not recommended, Nollup works with the old Rollup style projects that emit to the public directory.