diff --git a/index.html b/index.html
index 937bf5e..793036f 100644
--- a/index.html
+++ b/index.html
@@ -1 +1,5 @@
+
+
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
}
};
});