first commit

pug_and_SASS/package.json

@@ -0,0 +1,27 @@
+{
+  "name": "webpack-learning",
+  "version": "1.0.0",
+  "description": "",
+  "main": "index.js",
+  "scripts": {
+    "test": "echo \"Error: no test specified\" && exit 1",
+    "dev": "webpack --watch --mode development",
+    "prod": "webpack --mode production"
+  },
+  "keywords": [],
+  "author": "",
+  "license": "ISC",
+  "dependencies": {},
+  "devDependencies": {
+    "css-loader": "^1.0.0",
+    "html-loader": "^0.5.5",
+    "html-webpack-plugin": "^3.2.0",
+    "mini-css-extract-plugin": "^0.4.2",
+    "node-sass": "^4.9.3",
+    "pug-html-loader": "^1.1.5",
+    "sass-loader": "^7.1.0",
+    "style-loader": "^0.23.0",
+    "webpack": "^4.18.1",
+    "webpack-cli": "^3.1.0"
+  }
+}

pug_and_SASS/src/app.js

@@ -0,0 +1,2 @@
+import './style.scss';
+import './js/more.js';

pug_and_SASS/src/index.pug

@@ -0,0 +1,5 @@
+extends layout
+block content
+  p Woah.
+block footer
+  p I'm a footer

pug_and_SASS/src/js/more.js

@@ -0,0 +1 @@
+console.log("I'm the more.js file!")

pug_and_SASS/src/layout.pug

@@ -0,0 +1,10 @@
+doctype html
+html
+  head
+    title I'm a title
+  body
+    div.container
+      block header
+        h1 I'm a header
+      block content
+      block footer

pug_and_SASS/src/style.scss

@@ -0,0 +1,7 @@
+@import 'styles/more.css';
+@import 'styles/skeleton.css';
+@import 'styles/normalize.css';
+
+p {
+    color: darkgreen;
+}