Port webpack config from OL

This commit is contained in:
Alasdair Smith 2018-01-12 11:41:02 +00:00
parent 9fbd7f2818
commit 49c27c4c7a
2 changed files with 95 additions and 0 deletions

View 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
}
})

View 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: {}
}