react boilerplate for lay

9 years ago · 681e2ae92f
5 changed files with 43 additions and 24 deletions
--- a/lay/.gitignore
+++ b/lay/.gitignore
--- a/lay/bin/server.js
+++ b/lay/bin/server.js
@ -0,0 +1,22 @@
+const Webpack = require('webpack');
+const WebpackDevServer = require('webpack-dev-server');
+const webpack_config = require('../webpack.config');
+
+const path = require('path');
+
+const compiler = Webpack(webpack_config);
+const server = new WebpackDevServer(compiler, {
+    contentBase: webpack_config.output.path,
+    disableHostCheck: true,
+    stats: {
+	colors: true
+    },
+    headers: {}
+});
+
+const listen_interface = "0.0.0.0";
+const listen_port = 2000;
+
+server.listen(listen_port, listen_interface, () => {
+    console.log("Starting server on " + listen_interface + ":" + listen_port");
+});
--- a/lay/package.json
+++ b/lay/package.json
@ -6,7 +6,8 @@
    "scripts": {
        "test": "echo \"Error: no test specified\" && exit 1",
        "webpack": "webpack",
-        "pack": "webpack"
+        "pack": "webpack",
+        "dev": "node ./bin/server.js"
    },
    "repository": {
        "type": "git",
@ -21,23 +22,18 @@
    ],
    "author": "zalox - Jørgen Lien Sellæg",
    "license": "MIT",
+    "dependencies": {
+        "react": "^15.5.4",
+        "react-dom": "^15.5.4"
+    },
    "devDependencies": {
-        "babel-cli": "^6.24.1",
        "babel-core": "^6.24.1",
        "babel-loader": "^7.0.0",
-        "babel-plugin-add-module-exports": "^0.2.1",
-        "babel-preset-es2015": "^6.9.0",
-        "babel-preset-es2015-loose": "^8.0.0",
-        "babel-preset-react": "^6.5.0",
-        "babel-preset-stage-0": "^6.5.0",
-        "babel-register": "^6.9.0",
-        "react-hot-loader": "^1.3.0",
-        "webpack": "^2.5.1",
+        "babel-preset-es2015": "^6.24.1",
+        "babel-preset-react": "^6.24.1",
+        "css-loader": "^0.28.2",
+        "style-loader": "^0.18.1",
+        "webpack": "^2.6.0",
        "webpack-dev-server": "^2.4.5"
-    },
-    "dependencies": {
-        "react": "^15.5.4",
-        "react-dom": "^15.5.4",
-        "react-router": "^4.1.1"
    }
 }
--- a/lay/web/index.html
+++ b/lay/web/index.html
@ -6,7 +6,7 @@
    <title>layToREST</title>
  </head>
  <body>
-    <div id="app"></div>
-    <script src="/static/bundle.js"></script>
+    <div id="lay"></div>
+    <script src="js/index.js"></script>
  </body>
 </html>
--- a/lay/webpack.config.js
+++ b/lay/webpack.config.js
@ -1,14 +1,15 @@
-import webpack from 'webpack';
+const path = require('path');

-export default {
-    entry: '',
+module.exports = {
+    entry: {
+        'index': [
+            './src',
+        ]
+    },
    output: {
-	path: './web/',
+	path: path.resolve(__dirname,'web'),
 	publicPath: '/web/',
 	filename: 'js/[name].js'
-    },
-    module: {
-        { test: /\.jsx?$/, loader: 'babel', exclude: /node_modules/ }
    }
 }