overleaf/services/web/webpack.config.dev.js
Jessica Lawshe 5338990fb3 Merge pull request #3676 from overleaf/ae-webpack-live-reload
Enable live reload in webpack-dev-server

GitOrigin-RevId: 4e6b3f26513e1b0a119993511125fae4643e7e82
2021-02-23 03:04:27 +00:00

39 lines
1 KiB
JavaScript

const merge = require('webpack-merge')
const MiniCssExtractPlugin = require('mini-css-extract-plugin')
const base = require('./webpack.config')
module.exports = merge(base, {
mode: 'development',
// Enable accurate source maps for dev
devtool: 'eval-source-map',
plugins: [
// Extract CSS to a separate file (rather than inlining to a <style> tag)
new MiniCssExtractPlugin({
// Output to public/stylesheets directory
filename: 'stylesheets/[name].css'
})
],
devServer: {
// Expose dev server at www.dev-overleaf.com
host: '0.0.0.0',
port: 3808,
public: 'www.dev-overleaf.com:443',
// Customise output to the (node) console
stats: {
colors: true, // Enable some coloured highlighting
// Hide some overly verbose output
performance: false, // Disable as code is uncompressed in dev mode
hash: false,
version: false,
chunks: false,
modules: false,
// Hide copied assets from output
excludeAssets: [/^js\/ace/, /^js\/libs/, /^js\/cmaps/]
}
}
})