diff --git a/packages/component-manuscript/webpack.config.js b/packages/component-manuscript/webpack.config.js
index b3020046eafa8b290cb4c1b6cd4bf3857ccca7c7..4aa149ad2cbf750326137fc79ccd7e7685271ad3 100644
--- a/packages/component-manuscript/webpack.config.js
+++ b/packages/component-manuscript/webpack.config.js
@@ -1,117 +1,3 @@
-process.env.BABEL_ENV = 'production'
-process.env.NODE_ENV = 'production'
+const webpackConfig = require('xpub-styleguide/src/webpack-config')
 
-const path = require('path')
-// const nodeExternals = require('webpack-node-externals')
-const ExtractTextPlugin = require('extract-text-webpack-plugin')
-
-const include = [
-  path.join(__dirname, 'src'),
-  /pubsweet-[^/]+\/src/,
-  /xpub-[^/]+\/src/,
-]
-
-module.exports = {
-  entry: './src/index.js',
-  output: {
-    filename: 'index.js',
-    path: path.join(__dirname, 'dist'),
-    library: 'WaxEditor',
-    libraryTarget: 'commonjs2'
-  },
-  devtool: 'cheap-module-source-map',
-  // externals: [nodeExternals({
-  //   whitelist: [/\.(?!js$).{1,5}$/i]
-  // })],
-  resolve: {
-    symlinks: false, // needed to prevent babel looking in other folders
-    extensions: ['.js', '.jsx'], // needed because pubsweet-component-wax uses jsx
-  },
-  module: {
-    rules: [
-      {
-        oneOf: [
-          {
-            test: /\.jsx?$/,
-            include,
-            loader: 'babel-loader',
-            options: {
-              presets: [
-                ['env', { modules: false }],
-                'react',
-                'stage-2'
-              ],
-            }
-          },
-
-          // CSS modules
-          {
-            test: /\.local\.css$/,
-            include,
-            use: [
-              'style-loader',
-              {
-                loader: 'css-loader',
-                options: {
-                  modules: true,
-                  localIdentName: '[name]_[local]-[hash:base64:8]',
-                }
-              }
-            ],
-          },
-
-          // SCSS modules
-          {
-            test: /\.local\.scss$/,
-            include,
-            use: [
-              'style-loader',
-              {
-                loader: 'css-loader',
-                options: {
-                  modules: true,
-                  localIdentName: '[name]_[local]-[hash:base64:8]',
-                  importLoaders: 1,
-                }
-              },
-              'sass-loader'
-            ],
-          },
-
-          // CSS
-          {
-            test: /\.css$/,
-            use: ExtractTextPlugin.extract({
-              fallback: 'style-loader',
-              use: 'css-loader'
-            })
-          },
-
-          // SCSS
-          {
-            test: /\.scss$/,
-            use: ExtractTextPlugin.extract({
-              fallback: 'style-loader',
-              use: [
-                'css-loader',
-                'sass-loader'
-              ],
-            }),
-          },
-
-          // other files
-          {
-            exclude: [/\.jsx?$/, /\.html$/, /\.json$/],
-            loader: 'file-loader',
-            options: {
-              name: 'static/[name].[hash:8].[ext]',
-            }
-          }
-        ]
-      }
-    ]
-  },
-  plugins: [
-    new ExtractTextPlugin('styles.css'),
-  ]
-}
+module.exports = webpackConfig(__dirname)