mirror of
https://github.com/overleaf/overleaf.git
synced 2024-11-07 20:31:06 -05:00
Port webpack config from OL
This commit is contained in:
parent
9fbd7f2818
commit
49c27c4c7a
2 changed files with 95 additions and 0 deletions
41
services/web/webpack.config.dev.js
Normal file
41
services/web/webpack.config.dev.js
Normal file
|
@ -0,0 +1,41 @@
|
|||
const merge = require('webpack-merge')
|
||||
|
||||
const base = require('./webpack.config')
|
||||
|
||||
module.exports = merge(base, {
|
||||
// Enable source maps for dev (fast compilation, slow runtime)
|
||||
devtool: 'cheap-module-eval-source-map',
|
||||
|
||||
devServer: {
|
||||
// Disable webpack dev server auto-reload
|
||||
inline: false,
|
||||
|
||||
// Expose dev server as localhost with dev box
|
||||
host: '0.0.0.0',
|
||||
|
||||
// Webpack-rails default port for webpack-dev-server
|
||||
port: 3808,
|
||||
|
||||
// Allow CORS
|
||||
headers: {
|
||||
'Access-Control-Allow-Origin': '*'
|
||||
},
|
||||
|
||||
// Customise output to the (node) console
|
||||
stats: {
|
||||
colors: true, // Enable some coloured highlighting
|
||||
timings: true, // Show build timing info
|
||||
assets: true, // Show output bundles
|
||||
warnings: true, // Show build warnings
|
||||
// Hide some overly verbose output
|
||||
hash: false,
|
||||
version: false,
|
||||
chunks: false
|
||||
}
|
||||
},
|
||||
|
||||
// Disable performance budget warnings as code is uncompressed in dev mode
|
||||
performance: {
|
||||
hints: false
|
||||
}
|
||||
})
|
54
services/web/webpack.config.js
Normal file
54
services/web/webpack.config.js
Normal file
|
@ -0,0 +1,54 @@
|
|||
const path = require('path')
|
||||
|
||||
module.exports = {
|
||||
// Defines the "entry point" for the application - i.e. the file which
|
||||
// bootstraps the application
|
||||
entry: {
|
||||
'rich-text': './public/frontend/rich-text.js'
|
||||
},
|
||||
|
||||
// Define where and how the bundle will be output to disk
|
||||
// Note: webpack-dev-server does not write the bundle to disk, instead it is
|
||||
// kept in memory for speed
|
||||
output: {
|
||||
path: path.join(__dirname, '/public/js/frontend'),
|
||||
// publicPath: '/frontend/',
|
||||
|
||||
filename: '[name].js',
|
||||
|
||||
// Output as UMD bundle (allows main JS to import with CJS, AMD or global
|
||||
// style code bundles
|
||||
libraryTarget: 'umd',
|
||||
// Name the exported variable from output bundle
|
||||
library: ['Frontend', '[name]']
|
||||
},
|
||||
|
||||
// TODO??
|
||||
// Defines the external modules which will be stripped out when bundling for
|
||||
// the rails app. These modules are already loaded in the rails app
|
||||
// environment, so we strip them out to prevent conflicts.
|
||||
// externals: {},
|
||||
|
||||
// Define how file types are handled by webpack
|
||||
module: {
|
||||
rules: [{
|
||||
// Pass application JS files through babel-loader, compiling to ES5
|
||||
test: /\.js$/, // Only compile .js files
|
||||
// Only compile application files (dependencies are in ES5 already)
|
||||
// include: [path.join(__dirname, './public/frontend')],
|
||||
exclude: /node_modules/,
|
||||
use: [{
|
||||
loader: 'babel-loader',
|
||||
options: {
|
||||
presets: ['env'],
|
||||
// Configure babel-loader to cache compiled output so that subsequent
|
||||
// compile runs are much faster
|
||||
cacheDirectory: true
|
||||
}
|
||||
}]
|
||||
}]
|
||||
},
|
||||
|
||||
// TODO
|
||||
// plugins: {}
|
||||
}
|
Loading…
Reference in a new issue