overleaf/services/web/webpack.config.dev.js
Alasdair Smith 26190da566 Merge pull request #2349 from overleaf/as-webpack-css
Compile CSS using webpack

GitOrigin-RevId: 489834038667dde572ea5d9b4b9392b362259a09
2019-11-28 10:39:09 +00:00

41 lines
1.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 source maps for dev (fast compilation, slow runtime)
devtool: 'cheap-module-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: {
// Disable webpack dev server auto-reload
inline: false,
// Expose dev server as localhost with dev box
host: '0.0.0.0',
port: 3808,
// 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/]
}
}
})