two sections left

webpack.config.js

@@ -1,12 +1,26 @@
 var webpack = require('webpack');
 
-// Hot Reload server when we're in dev mode,
-// otherwise build it the normal way.
+// Bundle entry point
 var entry = ['./components/App.jsx'];
-if(!process.argv.indexOf("--prod")) {
+
+// Necessary webpack loaders for converting our content:
+var webpackLoaders = [
+  'babel-loader',
+  __dirname + '/lib/latex-loader',
+  __dirname + '/lib/pre-loader',
+  __dirname + '/lib/p-loader'
+];
+
+// Dev mode: make certain concessions to speed up dev work:
+if(process.argv.indexOf("--prod") === -1) {
+  // use the webpack hot Reload server:
   entry.push('webpack/hot/dev-server');
+
+  // allow textareas in  dev mode:
+  webpackLoaders.push(__dirname + '/lib/textarea-loader');
 }
 
+// And the final config that webpack will read in.
 module.exports = {
   entry:  entry,
   output: {
@@ -20,11 +34,7 @@ module.exports = {
       {
         test: /.jsx?$/,
         include: /components/,
-        loaders: [
-          'babel-loader',
-          __dirname + '/lib/latex-loader',
-          __dirname + '/lib/pre-loader'
-        ]
+        loaders: webpackLoaders
       }
     ]
   },