Enonic Market Enonic Market
Webpack Starter icon

Webpack Starter

Bundle static assets with Webpack

When creating modern web applications, you want the best tools to help you build them. Webpack is one of the most versatile, powerful and popular module bundlers out there today, and with this starter kit, you can start creating value from the get-go!

Webpack is a module bundler that lets you combine all your static assets into a single file. That means you can include your SCSS in your Javascript and have it all combined into a single file. Or - or course - you could keep them separate for portability reasons.

The starter kit is unopinionated, and lets you decide what technologies you want to use in your next web application. It comes bundled with support for LESS, SASS/SCSS and Babel (a popular JavaScript transpiler), so that you can use all those cool new features from ES2015.

In addition to Webpack, this starter kit bootstraps the suggested project folder structure, and creates some NPM scripts for triggering different tasks.

Releases

  1. 1.5.0

    • Upgraded to XP 7.7.2
    • Compatibility:
      • 7.7.2

  2. 1.4.0

    • Upgraded to XP 7.6.0
    • Compatibility:
      • 7.6.0

  3. 1.3.2

    • Fixed bundling of server assets
    • Compatibility:
      • 7.3.1

  4. 1.3.1

    • Fixed the build
    • Compatibility:
      • 7.3.1

  5. 1.3.0

    • Upgraded to XP 7.3.1
    • Compatibility:
      • 7.3.1

  6. 1.2.0

    • Added plugin enabling support of class properties
    • Compatibility:
      • 7.0.0

  7. 1.1.0

    • Enabled transpilation of Typescript code
    • Enabled processing of server-side resources
    • Compatibility:
      • 7.0.0

  8. 1.0.1

    • Enabled the Starter to be used for sites
    • Compatibility:
      • 7.0.0

  9. 1.0.0

    • Initial release
    • Compatibility:
      • 7.0.0

Clone Webpack Starter

This version requires XP 7.0.0 or above.

Use Enonic CLI to set up your project.

Run the following command:

$

Enonic CLI documentation

This version requires XP 6.15.0

To initialize a new project based on Webpack Starter, execute the command below. Remember to replace <com.company.myapp> with a unique name for your app, and </my/projects> with the location you want to store the project. <$XP_INSTALL> is the location of your XP installation.

OSX/Linux

Windows

The init-project tool initializes a new application project structure by retrieving a Git repository, removing all references to the Git repository, and adapting its build file properties (gradle.properties).

Complete init-project documentation