]> BookStack Code Mirror - bookstack/blobdiff - webpack.config.js
Updated Spanish translation
[bookstack] / webpack.config.js
index 0f54147a0fb0f69c5a9e7c568e15ca7da4f9e14e..c5ce4829fde1c99caf55ccd6025cbfb91c6971ae 100644 (file)
@@ -4,12 +4,9 @@ const dev = process.env.NODE_ENV !== 'production';
 const UglifyJsPlugin = require('uglifyjs-webpack-plugin');
 const ExtractTextPlugin = require("extract-text-webpack-plugin");
 
-const extractSass = new ExtractTextPlugin({
-    filename: "[name].css"
-    // disable: process.env.NODE_ENV === "development"
-});
-
 const config = {
+    target: 'web',
+    mode: dev? 'development' : 'production',
     entry: {
         app: './resources/assets/js/index.js',
         styles: './resources/assets/sass/styles.scss',
@@ -34,23 +31,33 @@ const config = {
             },
             {
                 test: /\.scss$/,
-                use: extractSass.extract({
+                use: ExtractTextPlugin.extract({
+                    fallback: "style-loader",
                     use: [{
                         loader: "css-loader", options: {
                             sourceMap: dev
                         }
+                    }, {
+                        loader: 'postcss-loader',
+                        options: {
+                            ident: 'postcss',
+                            sourceMap: dev,
+                            plugins: (loader) => [
+                                require('autoprefixer')(),
+                            ]
+                        }
                     }, {
                         loader: "sass-loader", options: {
                             sourceMap: dev
                         }
-                    }],
-                    // use style-loader in development
-                    fallback: "style-loader"
+                    }]
                 })
             }
         ]
     },
-    plugins: [extractSass]
+    plugins: [
+        new ExtractTextPlugin("[name].css"),
+    ]
 };
 
 if (dev) {