wagtail/client/webpack/base.config.js

75 wiersze
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', `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);
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('admin', 'wagtailadmin')] = getEntryPath('admin', '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('admin', '[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',
},
};
};