module 7 bundling

coryhouse · coryhouse · commit b2464e85d24f · 2016-09-29T23:29:34.000-05:00
diff --git a/buildScripts/srcServer.js b/buildScripts/srcServer.js
@@ -1,9 +1,17 @@
 import express from 'express';
 import path from 'path';
 import open from 'open';
+import webpack from 'webpack';
+import config from '../webpack.config.dev';
 
 const port = 3000;
 const app = express();
+const compiler = webpack(config);
+
+app.use(require('webpack-dev-middleware')(compiler, {
+  noInfo: true,
+  publicPath: config.output.publicPath
+}));
 
 app.get('/', function(req, res) {
   res.sendFile(path.join(__dirname, '../src/index.html'));
diff --git a/package.json b/package.json
@@ -12,8 +12,7 @@
   },
   "author": "Cory House",
   "license": "MIT",
-  "dependencies": {
-  },
+  "dependencies": {},
   "devDependencies": {
     "babel-cli": "6.14.0",
     "babel-core": "6.14.0",
@@ -24,6 +23,7 @@
     "chalk": "1.1.3",
     "cheerio": "0.22.0",
     "cross-env": "2.0.0",
+    "css-loader": "^0.25.0",
     "eslint": "3.4.0",
     "eslint-plugin-import": "1.14.0",
     "eslint-watch": "2.1.14",
@@ -38,6 +38,7 @@
     "numeral": "1.5.3",
     "open": "0.0.5",
     "rimraf": "2.5.4",
+    "style-loader": "^0.13.1",
     "webpack": "1.13.2",
     "webpack-dev-middleware": "1.6.1",
     "webpack-hot-middleware": "2.12.2",
diff --git a/src/index.css b/src/index.css
@@ -0,0 +1,7 @@
+body {
+  font-family: Sans-Serif;
+}
+
+table th {
+  padding: 5px
+}
diff --git a/src/index.html b/src/index.html
@@ -5,5 +5,6 @@
 </head>
 <body>
   <h1>Hello World!</h1>
+  <script src="bundle.js"></script>
 </body>
 </html>
diff --git a/src/index.js b/src/index.js
@@ -0,0 +1,7 @@
+import './index.css';
+
+import numeral from 'numeral';
+
+const courseValue = numeral(1000).format('$0,0.00');
+debugger;
+console.log(`I would pay ${courseValue} for this awesome course!`);
diff --git a/webpack.config.dev.js b/webpack.config.dev.js
@@ -0,0 +1,27 @@
+import webpack from 'webpack';
+import path from 'path';
+
+export default {
+  debug: true,
+  devtool: 'inline-source-map',
+  noInfo: false,
+  entry: [
+    path.resolve(__dirname, 'src/index')
+  ],
+  target: 'web',
+  output: {
+    path: path.resolve(__dirname, 'src'),
+    publicPath: '/',
+    filename: 'bundle.js'
+  },
+  devServer: {
+    contentBase: path.resolve(__dirname, 'src')
+  },
+  plugins: [],
+  module: {
+    loaders: [
+      {test: /\.js$/, exclude: /node_modules/, loaders: ['babel']},
+      {test: /\.css$/, loaders: ['style','css']}
+    ]
+  }
+};
