65 lines
1.6 KiB
JavaScript
65 lines
1.6 KiB
JavaScript
const path = require('path');
|
|
const webpack = require('webpack');
|
|
const CopyPlugin = require('copy-webpack-plugin');
|
|
const CompressionPlugin = require("compression-webpack-plugin")
|
|
const config = require('./webpack.base.js');
|
|
|
|
module.exports = Object.assign(
|
|
config,
|
|
{
|
|
mode: 'development',
|
|
devtool: 'source-map', // compile source map to get better debug output (error file/line)
|
|
cache: true, // caching already built files so unchanged files can be reuse when an other changes
|
|
watch: true, // watch file change and automatically rebuild the application
|
|
watchOptions:
|
|
{
|
|
ignored: /node_modules/ // avoid watching node_modules as it is usually huge, note that it can be useful when debugging packages
|
|
},
|
|
resolve:
|
|
{
|
|
// avoid warning caused by development mode (using dev inferno build)
|
|
alias:
|
|
{
|
|
inferno: require.resolve('inferno/dist/index.dev.esm.js')
|
|
}
|
|
},
|
|
plugins: [
|
|
new webpack.DefinePlugin(
|
|
{
|
|
'process.env':
|
|
{
|
|
'DEBUG': true
|
|
} // set a DEBUG flag that can be used in the scripts
|
|
}),
|
|
new CopyPlugin([
|
|
{from: 'src/lang', to: 'lang'}
|
|
]),
|
|
new CompressionPlugin(
|
|
{
|
|
filename: "[path].gz[query]",
|
|
algorithm: "gzip",
|
|
test: /\.js/
|
|
})
|
|
],
|
|
// webpack-dev-server configuration
|
|
devServer:
|
|
{
|
|
contentBase: path.join(__dirname),
|
|
compress: true,
|
|
port: 8080,
|
|
// Not elegant way to get rid of the gzip path in index.html
|
|
proxy:
|
|
{
|
|
'/$':
|
|
{
|
|
target: 'http://localhost:8080',
|
|
secure: false,
|
|
bypass: function(request, response, proxyOptions)
|
|
{
|
|
return '/index_dev.html';
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
);
|