Repository files navigation

This is an example project that usesMaterial-UI.

After cloning the repository, install dependencies:

cd<project folder>/material-ui/examples/webpack-examplenpm install

Now you can run your local server:

npm start

Server is located athttp://localhost:3000

Note: To allow external viewing of the demo, change the following value inwebpack-dev-server.config.js

host: 'localhost'  //Change to '0.0.0.0' for external facing server

Webpack is a module bundler that we are using to run our documentation site.This is a quick overview of how the configuration file works.

Webpack creates entry points for the application to know where it starts.

This is where the bundled project will go to and any other files necessary for it to run.

These are plugins Webpack uses for more functionality.The HTML Webpack Plugin, for example, will add the index.html to your build folder.

Modules and other things that are required will usually need to be loaded and interpreted by Webpack when bundling, and this is where Webpack looks for the different loaders.*Loading .js files in es6 and es7 will require a loader like babel-loader to interpret the files into es5.