mirror of
https://github.com/wagtail/wagtail.git
synced 2024-12-01 11:41:20 +01:00
75 lines
2.2 KiB
JavaScript
75 lines
2.2 KiB
JavaScript
const path = require('path');
|
|
const webpack = require('webpack');
|
|
|
|
// Generates a path to an entry file to be compiled by Webpack.
|
|
const getEntryPath = (app, filename) => path.resolve('wagtail', app, 'static_src', 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', app, 'js', filename);
|
|
|
|
const isVendorModule = (module) => {
|
|
const res = module.resource;
|
|
return res && res.indexOf('node_modules') >= 0 && res.match(/\.js$/);
|
|
};
|
|
|
|
module.exports = function exports() {
|
|
const entry = {
|
|
// Create a vendor chunk that will contain polyfills, and all third-party dependencies.
|
|
vendor: [
|
|
'./client/src/utils/polyfills.js',
|
|
],
|
|
};
|
|
|
|
entry[getOutputPath('wagtailadmin', 'wagtailadmin')] = getEntryPath('wagtailadmin', 'wagtailadmin.entry.js');
|
|
|
|
return {
|
|
entry: entry,
|
|
output: {
|
|
path: path.resolve('.'),
|
|
filename: '[name].js',
|
|
publicPath: '/static/js/'
|
|
},
|
|
plugins: [
|
|
new webpack.optimize.CommonsChunkPlugin({
|
|
name: 'vendor',
|
|
filename: getOutputPath('wagtailadmin', '[name].js'),
|
|
minChunks: isVendorModule,
|
|
}),
|
|
],
|
|
resolve: {
|
|
alias: {
|
|
'wagtail-client': path.resolve('.', 'client'),
|
|
},
|
|
},
|
|
module: {
|
|
rules: [
|
|
{
|
|
test: /\.js$/,
|
|
loader: 'babel-loader',
|
|
exclude: /node_modules/,
|
|
},
|
|
]
|
|
},
|
|
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',
|
|
},
|
|
};
|
|
};
|