From 6d1f93c441d68382a153ef0e6cb92146d78af365 Mon Sep 17 00:00:00 2001 From: Micah Godbolt Date: Fri, 8 Feb 2019 15:20:11 -0800 Subject: [PATCH] hacking fool! --- index.html | 4 ++++ step01/index.html | 17 ++++++++++++++++- step01/index.js | 4 ---- step02/index.html | 20 ++++++++++++++++++++ step02/{src/index.ts => index.js} | 0 step02/style.css | 7 +++++++ webpack.config.js | 6 +++++- 7 files changed, 52 insertions(+), 6 deletions(-) rename step02/{src/index.ts => index.js} (100%) create mode 100644 step02/style.css diff --git a/index.html b/index.html index 937bf5e..793036f 100644 --- a/index.html +++ b/index.html @@ -1 +1,5 @@ + +
+Step01 Playground +
diff --git a/step01/index.html b/step01/index.html index 454cef5..8b6c177 100644 --- a/step01/index.html +++ b/step01/index.html @@ -1,6 +1,21 @@ -
+

todos

+ +
+ + + +
+ +
+ 4 items left +
diff --git a/step01/index.js b/step01/index.js index 7bd4583..e69de29 100644 --- a/step01/index.js +++ b/step01/index.js @@ -1,4 +0,0 @@ -document.addEventListener('DOMContentLoaded', function() { - const app = document.getElementById('app'); - app.innerHTML = 'hello world blah'; -}); diff --git a/step02/index.html b/step02/index.html index e69de29..7f84ef1 100644 --- a/step02/index.html +++ b/step02/index.html @@ -0,0 +1,20 @@ + + + + +

todos

+ +
+ + + +
+ + + + diff --git a/step02/src/index.ts b/step02/index.js similarity index 100% rename from step02/src/index.ts rename to step02/index.js diff --git a/step02/style.css b/step02/style.css new file mode 100644 index 0000000..289bca9 --- /dev/null +++ b/step02/style.css @@ -0,0 +1,7 @@ +body { + width: 400px; + margin: 20px auto; + } + h1 { + text-align: left; + } \ No newline at end of file diff --git a/webpack.config.js b/webpack.config.js index f935568..48e8663 100644 --- a/webpack.config.js +++ b/webpack.config.js @@ -3,7 +3,7 @@ const HtmlWebpackPlugin = require('html-webpack-plugin'); const entries = { step01: './step01/index', - step02: './step02/src/index', + step02: './step02/index', playground: './playground/src/index' }; @@ -32,6 +32,10 @@ module.exports = Object.keys(entries).map(entryPoint => { output: { filename: '[name].js', path: path.resolve(__dirname, entryPoint, 'dist') + }, + devServer: { + contentBase: path.resolve(__dirname), + watchContentBase: true } }; });