Kaan Kabalak 0da377f3e9 Upgrade webpack from v1 to v3 (#5448)
- Changed webpack.config.js and webpack.production.config.js
according to the migration guidelines
- Updated packages that had unmet peer dependencies after the 
webpack update

Fixes #5398
2018-03-21 11:30:50 -07:00
..

Minio File Browser

Minio Browser provides minimal set of UI to manage buckets and objects on minio server. Minio Browser is written in javascript and released under Apache 2.0 License.

Installation

Install yarn

curl -o- -L https://yarnpkg.com/install.sh | bash
yarn

Install go-bindata and go-bindata-assetfs

If you do not have a working Golang environment, please follow Install Golang

go get github.com/jteeuwen/go-bindata/...
go get github.com/elazarl/go-bindata-assetfs/...

Generating Assets

Generate ui-assets.go

yarn release

This generates ui-assets.go in the current directory. Now do make in the parent directory to build the minio binary with the newly generated ui-assets.go

Run Minio Browser with live reload

yarn dev

Open http://localhost:8080/minio/ in your browser to play with the application

Run Minio Browser with live reload on custom port

Edit browser/webpack.config.js

diff --git a/browser/webpack.config.js b/browser/webpack.config.js
index 3ccdaba..9496c56 100644
--- a/browser/webpack.config.js
+++ b/browser/webpack.config.js
@@ -58,6 +58,7 @@ var exports = {
     historyApiFallback: {
       index: '/minio/'
     },
+    port: 8888,
     proxy: {
       '/minio/webrpc': {
        target: 'http://localhost:9000',
@@ -97,7 +98,7 @@ var exports = {
 if (process.env.NODE_ENV === 'dev') {
   exports.entry = [
     'webpack/hot/dev-server',
-    'webpack-dev-server/client?http://localhost:8080',
+    'webpack-dev-server/client?http://localhost:8888',
     path.resolve(__dirname, 'app/index.js')
   ]
 }
yarn dev

Open http://localhost:8888/minio/ in your browser to play with the application