Enonic Market Enonic Market
Webpack Starter icon

Webpack Starter

Use the power of Webpack to build your project!

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. The only thing we've set up for you is Babel - a popular JavaScript compiler - 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.


  1. 1.0.0

    • First release
    • Compatibility:
      • 6.4.0


Clone Webpack Starter

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.



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