How to use this material-ui

[victory-wu]

I won't NODEJS , How can I put him in my JAVA project ?

My environment is NGINX + TOMCAT ,

Repeatedly tested 1 day, Still don't succeed,

For example jquery-ui , bootstrap .... Only need to download -> import complete -> use

material-ui : download nodejs -> npm -> compile......x.xx.x.x.xx.x.x.x.xx.x.x..x

readme.md Not enough detailed , after npm install ? How to import to my project?

1, npm install material-ui
2, ?
Can you tell me the detailed steps?
Only need to command !
THANKS,

[eliquious]

There's nothing preventing you from using it with Java, but the tools require Node and NPM. You'll also need to use browserify if you want to use the React components. Once you have bundled all the libs, just add a script tag to your index.html file. Like so:

<script src="bundle.js"></script>

I hated Browserify at first. But the community's peer pressure is pretty strong... I still don't like it but a lot of libs require it these days. You can use a build tool like grunt or gulp to help aggregate all the vendor libs for you.

[victory-wu]

1, npm install material-ui
2, ?
Can you tell me the detailed steps?
Only need to command !
THANKS,

[eliquious]

Do you want to use the React components as well or just the styles?

MaterialUI uses LESS so here are the steps just for using the styles:

1. npm install material-ui less

2. Create a main.less with the following:

   @import "node_modules/material-ui/src/less/scaffolding.less";
   
   //Define a custom less file to override any variables defined in scaffolding.less
   //@import "my-custom-overrides.less
   
   @import "node_modules/material-ui/src/less/components.less";
   

3. lessc main.less > dist/main.css

4. Update index.html with the following:

   <link rel="stylesheet" type="text/css" href="main.css">
   

If you want to use the React components you'll also need browserify.

[enriquecaballero]

Sure, the less is the easiest. But how does one compile all of the React components using Browserify?! I compile them within the lib directory using the index.js file but it only creates a require function. When I add the bundled script, it doesn't find the module. It is a bit ridiculous how there are no instructions whatsoever on bundling the React components without Node. Ridiculous.

[hai-cea]

Sorry you guys are having trouble. Unfortunately, we're using node for all of our dependency management. Maybe the solution is to provide a CDN build? Please see #262