Webpack Express Boilerplate

Overview:

The webpack-express-boilerplate is a boilerplate for running a Webpack workflow in Node express. It has recently undergone a major update and is now inspired by the evolving technologies such as react-transform and CSS Modules. The project runs with React by default and includes features like hot replacement of module changes, locally scoped CSS files loaded into components, and Babel for transpiling and linting both server and frontend code.

Features:

• React by default with hot replacement of module changes
• CSS Modules for locally scoped CSS files loaded into components
• Babel for transpiling and linting both server and frontend code
• Beautify package for automatic code formatting

Installation:

To install the webpack-express-boilerplate, you can either clone the GitHub repository or export the files via Subversion (SVN). Here are the installation steps:

1. Clone the repository using Git:

   git clone https://github.com/christianalfoni/webpack-express-boilerplate.git
   

2. Alternatively, export the files using Subversion (SVN):

   svn export https://github.com/christianalfoni/webpack-express-boilerplate/trunk ./dir
   

3. Change directory to the cloned/exported folder:

   cd webpack-express-boilerplate
   

4. Install the required dependencies:

   npm install
   

5. Start the server:

   npm start
   

6. Open your web browser and navigate to http://localhost:3000 to view the application.

Summary:

The webpack-express-boilerplate is a useful boilerplate for running a Webpack workflow in Node express. It provides a seamless integration of React, CSS Modules, Babel, and linting for both server and frontend code. With its recent major update, this boilerplate is a powerful tool for building modern web applications.