I'm having some problems getting the UI from material-ui to work. I've been searching the internet and stackoverflow for days to resolve my problems but everything i try fails. Can anyone help me getting this to work, since i find the official guide inadequate for rookies
Thanks in advance
Edit:
Sorry for the lack of code. I realized that i had to run npm start in order to get this to work locally. However this divert another question. How do i deploy this to my webserver? The server is looking an index file in public_html folder. Since this rely on webpack or gulp i dont see how i'm supposed to deploy this to my server? Do i have to run node.js or?
Please ask for any follow up questions
webpack-production.config.js:
const webpack = require('webpack');
const path = require('path');
const buildPath = path.resolve(__dirname, 'build');
const nodeModulesPath = path.resolve(__dirname, 'node_modules');
const TransferWebpackPlugin = require('transfer-webpack-plugin');
const config = {
entry: [path.join(__dirname, '/src/app/app.js')],
// Render source-map file for final build
devtool: 'source-map',
// output config
output: {
path: buildPath, // Path of output file
filename: 'app.js', // Name of output file
},
plugins: [
// Define production build to allow React to strip out unnecessary checks
new webpack.DefinePlugin({
'process.env':{
'NODE_ENV': JSON.stringify('production')
}
}),
// Minify the bundle
new webpack.optimize.UglifyJsPlugin({
compress: {
// suppresses warnings, usually from module minification
warnings: false,
},
}),
// Allows error warnings but does not stop compiling.
new webpack.NoErrorsPlugin(),
// Transfer Files
new TransferWebpackPlugin([
{from: 'www'},
], path.resolve(__dirname, 'src')),
],
module: {
loaders: [
{
test: /\.js$/, // All .js files
loaders: ['babel-loader'], // react-hot is like browser sync and babel loads jsx and es6-7
exclude: [nodeModulesPath],
},
],
},
};
module.exports = config;