Mirror
/
zulip
mirror of https://github.com/zulip/zulip.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

webpack: Consolidate production and development plugin configuration. 

Signed-off-by: Anders Kaseorg <anders@zulipchat.com>
This commit is contained in:
Anders Kaseorg 2019-10-21 16:26:30 -07:00 committed by Tim Abbott
parent 27fac76da8
commit c3bf7c6889
1 changed files with 31 additions and 31 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

62
tools/webpack.config.ts
View File

@ -178,6 +178,36 @@ export default (env?: string): webpack.Configuration[] => {
}),
],
},
plugins: [
new BundleTracker({
filename: production
? 'webpack-stats-production.json'
: 'var/webpack-stats-dev.json',
}),
...production
? []
: [
// Better logging from console for hot reload
new webpack.NamedModulesPlugin(),
// script-loader should load sourceURL in dev
new webpack.LoaderOptionsPlugin({debug: true}),
],
// Extract CSS from files
new MiniCssExtractPlugin({
filename: production
? (data) => {
// This is a special case in order to produce
// a static CSS file to be consumed by
// static/html/5xx.html
if (data.chunk.name === 'error-styles') {
return 'error-styles.css';
}
return '[name].[contenthash].css';
}
: "[name].css",
chunkFilename: "[chunkhash].css",
}),
],
};
// Expose Global variables for third party libraries to webpack modules
@ -203,39 +233,9 @@ export default (env?: string): webpack.Configuration[] => {
];
config.module.rules.unshift(...getExposeLoaders(exposeOptions));
if (production) {
config.plugins = [
new BundleTracker({filename: 'webpack-stats-production.json'}),
// Extract CSS from files
new MiniCssExtractPlugin({
filename: (data) => {
// This is a special case in order to produce
// a static CSS file to be consumed by
// static/html/5xx.html
if (data.chunk.name === 'error-styles') {
return 'error-styles.css';
}
return '[name].[contenthash].css';
},
chunkFilename: "[chunkhash].css",
}),
];
} else {
if (!production) {
// Out JS debugging tools
config.entry['common'].push('./static/js/debug.js'); // eslint-disable-line dot-notation
config.plugins = [
new BundleTracker({filename: 'var/webpack-stats-dev.json'}),
// Better logging from console for hot reload
new webpack.NamedModulesPlugin(),
// script-loader should load sourceURL in dev
new webpack.LoaderOptionsPlugin({debug: true}),
// Extract CSS from files
new MiniCssExtractPlugin({
filename: "[name].css",
chunkFilename: "[chunkhash].css",
}),
];
config.devServer = {
clientLogLevel: "error",
stats: "errors-only",