Update dev server to only serve the playground

Now that we don't rely on node_modules, we can update the content base to just `playground` and just look at it from http://localhost:8080/
This commit is contained in:
Ray Schamp 2016-09-26 10:02:24 -04:00
parent e9cb0a5102
commit 6b1d2a8eb6
7 changed files with 19 additions and 18 deletions

4
.gitignore vendored
View file

@ -11,3 +11,7 @@ npm-*
/dist.js
/vm.js
/vm.min.js
/playground/media
/playground/vendor.js
/playground/vm.js
/playground/zenburn.css

View file

@ -13,7 +13,7 @@ watch:
$(WEBPACK) --watch
serve:
$(WEBPACK_DEV_SERVER) --host 0.0.0.0 --content-base ./
$(WEBPACK_DEV_SERVER)
# ------------------------------------------------------------------------------

View file

@ -35,7 +35,7 @@ StartServerWindows.bat
```
## Playground
To run the Playground, make sure the dev server's running and go to [http://localhost:8080/](http://localhost:8080/) - you will be redirected to the playground, which demonstrates various tools and internal state.
To run the Playground, make sure the dev server's running and go to [http://localhost:8080/](http://localhost:8080/) - you will be directed to the playground, which demonstrates various tools and internal state.
![VM Playground Screenshot](https://i.imgur.com/nOCNqEc.gif)

View file

@ -1,2 +1,2 @@
@echo off
node_modules\.bin\webpack-dev-server --host 0.0.0.0 --content-base .
node_modules\.bin\webpack-dev-server --host 0.0.0.0 --content-base .\playground

View file

@ -1,7 +0,0 @@
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="refresh" content="0; URL='/playground'" />
<title>Redirect to playground</title>
</head>
</html>

View file

@ -12,7 +12,7 @@
"main": "./dist.js",
"scripts": {
"prepublish": "./node_modules/.bin/webpack --bail",
"start": "webpack-dev-server --host 0.0.0.0 --content-base .",
"start": "make serve",
"test": "make test"
},
"dependencies": {},

View file

@ -1,8 +1,13 @@
var CopyWebpackPlugin = require('copy-webpack-plugin');
var defaultsDeep = require('lodash.defaultsdeep');
var path = require('path');
var webpack = require('webpack');
var base = {
devServer: {
contentBase: path.resolve(__dirname, 'playground'),
host: '0.0.0.0'
},
module: {
loaders: [
{
@ -57,8 +62,8 @@ module.exports = [
// Playground
defaultsDeep({}, base, {
entry: {
'playground/vm': './src/index.js',
'playground/vendor': [
'vm': './src/index.js',
'vendor': [
// FPS counter
'stats.js/build/stats.min.js',
// Syntax highlighter
@ -70,7 +75,7 @@ module.exports = [
]
},
output: {
path: __dirname,
path: path.resolve(__dirname, 'playground'),
filename: '[name].js'
},
module: {
@ -100,10 +105,9 @@ module.exports = [
plugins: base.plugins.concat([
new CopyWebpackPlugin([{
from: 'node_modules/scratch-blocks/media',
to: 'playground/media'
to: 'media'
}, {
from: 'node_modules/highlightjs/styles/zenburn.css',
to: 'playground'
from: 'node_modules/highlightjs/styles/zenburn.css'
}])
])
})