Merge pull request #9 from oneut/add_local_web_server_with_webpack_ex…

…ample Add local web server with webpack example
oneut · Mar 31, 2018 · ae70293 · ae70293
2 parents 321548b 47af69e
commit ae70293
Show file tree

Hide file tree

Showing 7 changed files with 77 additions and 0 deletions.
diff --git a/examples/local-web-server-with-webpack/README.md b/examples/local-web-server-with-webpack/README.md
@@ -0,0  1,27 @@
 # Local Web Server with webpack Example
 
 This is a example that monitors the standard output of webpack and performs Live Reload to the local web server.
 
 ## Doing
   Live Reload
       Source website is local web server.
       Set webpack task.
           Command
               Execute webpack watch.
               Watch stdouts.
                   `Entrypoint main = bundle.js` 
                   If stdout matches, `lrp` fires Live Reload.
       Set local web server task.
           Command
               Start local web server.
                   use [http-server](https://github.com/indexzero/http-server)
 
 ## Ready
 ```
 npm install
 ```
 
 ## Start
 ```
 lrp start
 ```
diff --git a/examples/local-web-server-with-webpack/local-web-server-with-webpack.gif b/examples/local-web-server-with-webpack/local-web-server-with-webpack.gif
diff --git a/examples/local-web-server-with-webpack/lrp.yml b/examples/local-web-server-with-webpack/lrp.yml
@@ -0,0  1,18 @@
 proxy: 
   host: "localhost:9500"
 source:
   host: "localhost:8080"
 tasks:
   webpack:
     commands:
       watch:
         execute: "npm run webpack:start"
         watch_stdouts:
           - "Entrypoint main = bundle.js"
   local-web-server:
     monitor:
       paths:
         - "./public/index.html"
     commands:
       http-server:
         execute: "npm run hs:start -- -p 8080"
diff --git a/examples/local-web-server-with-webpack/package.json b/examples/local-web-server-with-webpack/package.json
@@ -0,0  1,18 @@
 {
   "name": "local-web-server",
   "version": "1.0.0",
   "description": "Live reload local web server",
   "scripts": {
     "hs:start": "hs",
     "webpack:start": "webpack --watch --mode=development"
   },
   "author": "",
   "license": "MIT",
   "dependencies": {
     "http-server": "^0.11.1"
   },
   "devDependencies": {
     "webpack": "^4.4.1",
     "webpack-cli": "^2.0.13"
   }
 }
diff --git a/examples/local-web-server-with-webpack/public/index.html b/examples/local-web-server-with-webpack/public/index.html
@@ -0,0  1,6 @@
 <html>
 	<body>
 		Hello Local Web Server with webpack.
 		<script src="assets/bundle.js"></script>
 	</body>
 </html>
diff --git a/examples/local-web-server-with-webpack/src/assets/app.js b/examples/local-web-server-with-webpack/src/assets/app.js
@@ -0,0  1 @@
 alert("transpiled!");
diff --git a/examples/local-web-server-with-webpack/webpack.config.js b/examples/local-web-server-with-webpack/webpack.config.js
@@ -0,0  1,7 @@
 module.exports = {
     entry: "./src/assets/app.js",
     output: {
 		path: __dirname   "/public/assets",
 		filename: "bundle.js"
 	}
 };