diff --git a/README.markdown b/README.markdown
index 46ee915..d683287 100644
--- a/README.markdown
+++ b/README.markdown
@@ -5,7 +5,7 @@ Weather Dashboard
Install all the dependencies for the project with
- $ npm install dev
+ $ npm install
## Build
diff --git a/dist/index.html b/dist/index.html
index 01288a5..320ee3b 100644
--- a/dist/index.html
+++ b/dist/index.html
@@ -1,10 +1,20 @@
- Getting Started
+ Weather for Philadelphia, PA
+
-
+
+
+ Weather for Philadelphia, PA
+
+
+
+
+
diff --git a/package.json b/package.json
index 446021e..0d8f2ca 100644
--- a/package.json
+++ b/package.json
@@ -16,6 +16,11 @@
"d3-fetch": "^1.1.2"
},
"devDependencies": {
+ "css-loader": "^2.1.0",
+ "extract-loader": "^3.1.0",
+ "file-loader": "^3.0.1",
+ "node-sass": "^4.11.0",
+ "sass-loader": "^7.1.0",
"webpack": "^4.28.4",
"webpack-cli": "^3.2.1"
}
diff --git a/src/style.sass b/src/style.sass
new file mode 100644
index 0000000..c37d1d0
--- /dev/null
+++ b/src/style.sass
@@ -0,0 +1,2 @@
+body
+ background: #fc2
diff --git a/webpack.config.js b/webpack.config.js
index 2daae3a..f6f9874 100644
--- a/webpack.config.js
+++ b/webpack.config.js
@@ -1,9 +1,38 @@
const path = require('path');
-module.exports = {
- entry: './src/index.js',
- output: {
- filename: 'main.js',
- path: path.resolve(__dirname, 'dist')
- }
-};
+module.exports = [{
+ name: 'js',
+ entry: ['./src/index.js'],
+ output: {
+ filename: 'main.js',
+ path: path.resolve(__dirname, 'dist')
+ }
+},
+{
+ name: 'css',
+ entry: ['./src/style.sass'],
+ module: {
+ rules: [
+ {
+ test: /\.sass$/,
+ use: [
+ {
+ loader: 'file-loader',
+ options: {
+ name: 'style.css',
+ }
+ },
+ {
+ loader: 'extract-loader'
+ },
+ {
+ loader: 'css-loader?-url'
+ },
+ {
+ loader: 'sass-loader'
+ }
+ ]
+ }
+ ]
+ }
+}];