mirror of
https://github.com/wagtail/wagtail.git
synced 2024-11-24 10:58:52 +01:00
113 lines
3.1 KiB
JavaScript
113 lines
3.1 KiB
JavaScript
const path = require('path');
|
||
|
||
// Generates a path to an entry file to be compiled by Webpack.
|
||
const getEntryPath = (app, filename) => path.resolve('wagtail', app, 'static_src', `wagtail${app}`, 'app', filename);
|
||
// Generates a path to the output bundle to be loaded in the browser.
|
||
const getOutputPath = (app, filename) => path.join('wagtail', app, 'static', `wagtail${app}`, 'js', filename);
|
||
|
||
// Mapping from package name to exposed global variable.
|
||
const exposedDependencies = {
|
||
'focus-trap-react': 'FocusTrapReact',
|
||
'react': 'React',
|
||
'react-dom': 'ReactDOM',
|
||
'react-transition-group/CSSTransitionGroup': 'CSSTransitionGroup',
|
||
'draft-js': 'DraftJS',
|
||
};
|
||
|
||
module.exports = function exports() {
|
||
const entry = {};
|
||
|
||
entry[getOutputPath('admin', 'wagtailadmin')] = [
|
||
'./client/src/utils/polyfills.js',
|
||
getEntryPath('admin', 'wagtailadmin.entry.js'),
|
||
];
|
||
entry[getOutputPath('admin', 'draftail')] = [
|
||
'./client/src/utils/polyfills.js',
|
||
getEntryPath('admin', 'draftail.entry.js'),
|
||
];
|
||
|
||
return {
|
||
entry: entry,
|
||
output: {
|
||
path: path.resolve('.'),
|
||
filename: '[name].js',
|
||
publicPath: '/static/js/'
|
||
},
|
||
resolve: {
|
||
extensions: ['.ts', '.tsx', '.js'],
|
||
},
|
||
module: {
|
||
rules: [
|
||
{
|
||
test: /\.(js|ts)x?$/,
|
||
loader: 'ts-loader',
|
||
exclude: /node_modules/,
|
||
},
|
||
].concat(Object.keys(exposedDependencies).map((name) => {
|
||
const globalName = exposedDependencies[name];
|
||
|
||
// Create expose-loader configs for each Wagtail dependency.
|
||
return {
|
||
test: require.resolve(name),
|
||
use: [
|
||
{
|
||
loader: 'expose-loader',
|
||
options: globalName,
|
||
},
|
||
],
|
||
};
|
||
}))
|
||
},
|
||
|
||
optimization: {
|
||
splitChunks: {
|
||
cacheGroups: {
|
||
vendor: {
|
||
name: getOutputPath('admin', 'vendor'),
|
||
chunks: 'initial',
|
||
minChunks: 2,
|
||
reuseExistingChunk: true,
|
||
},
|
||
},
|
||
},
|
||
},
|
||
|
||
// See https://webpack.js.org/configuration/devtool/.
|
||
devtool: 'source-map',
|
||
|
||
// For development mode only.
|
||
watchOptions: {
|
||
poll: 1000,
|
||
aggregateTimeout: 300,
|
||
},
|
||
|
||
// Disable performance hints – currently there are much more valuable
|
||
// optimizations for us to do outside of Webpack
|
||
performance: {
|
||
hints: false
|
||
},
|
||
|
||
stats: {
|
||
// Add chunk information (setting this to `false` allows for a less verbose output)
|
||
chunks: false,
|
||
// Add the hash of the compilation
|
||
hash: false,
|
||
// `webpack --colors` equivalent
|
||
colors: true,
|
||
// Add information about the reasons why modules are included
|
||
reasons: false,
|
||
// Add webpack version information
|
||
version: false,
|
||
// Set the maximum number of modules to be shown
|
||
maxModules: 0,
|
||
},
|
||
// Some libraries import Node modules but don't use them in the browser.
|
||
// Tell Webpack to provide empty mocks for them so importing them works.
|
||
node: {
|
||
fs: 'empty',
|
||
net: 'empty',
|
||
tls: 'empty',
|
||
},
|
||
};
|
||
};
|