Config TextExtract plugin and change build folder

public/views/foot.ejs

@@ -31,7 +31,7 @@
 <script src="<%- url %>/vendor/codemirror-spell-checker/spell-checker.min.js" defer></script>
 <script src="<%- url %>/vendor/ot/ot.min.js" defer></script>
 <script src="<%- url %>/vendor/xss.min.js" defer></script>
-<script src="<%- url %>/build/js/app.js" defer></script>
+<script src="<%- url %>/build/app.js" defer></script>
 <script src="<%- url %>/js/google-drive-upload.js" defer></script>
 <script src="<%- url %>/js/google-drive-picker.js" defer></script>
 <script src="<%- url %>/js/reveal-markdown.js" defer></script>

public/views/head.ejs

@@ -36,6 +36,7 @@
 <link rel="stylesheet" href="<%- url %>/vendor/showup/showup.css">
 <link rel="stylesheet" href="<%- url %>/css/mermaid.css">
 <link rel="stylesheet" href="<%- url %>/css/markdown.css">
+<link rel="stylesheet" href="<%- url %>/build/app.css">
 <link rel="stylesheet" href="<%- url %>/css/index.css">
 <link rel="stylesheet" href="<%- url %>/css/extra.css">
 <link rel="stylesheet" href="<%- url %>/css/slide-preview.css">

webpack.config.js

@@ -20,7 +20,8 @@ module.exports = {
         }),
         new webpack.DefinePlugin({
             "require.specified": "require.resolve"
-        })
+        }),
+        new ExtractTextPlugin("[name].css")
     ],
 
     entry: {
@@ -28,7 +29,7 @@ module.exports = {
     },
 
     output: {
-        path: path.join(__dirname, 'public/build/js'),
+        path: path.join(__dirname, 'public/build'),
         filename: '[name].js'
     },
 
@@ -49,10 +50,10 @@ module.exports = {
             loader: 'json-loader'
         }, {
             test: /\.css$/,
-            loader: 'style-loader!css-loader'
+            loader: ExtractTextPlugin.extract('style-loader', 'css-loader')
         }, , {
             test: /\.scss$/,
-            loaders: ['style', 'css', 'sass']
+            loader: ExtractTextPlugin.extract('style-loader', 'sass-loader')
         }, {
             test: require.resolve("js-sequence-diagrams"),
             loader: "imports?Raphael=raphael"