xmpp.chapril.org-conversejs/webpack/webpack.common.js
JC Brand 4b6626ee70 Improve and simplify the webpack builds
I've now also figured out why loading of chunks failed when running
using converse.js (but not when using converse.min.js or when running `make watch`).

When running `make dist`, first `converse.js` and `converse.min.js` were
built with `mode` set to `development` (via `webpack.dev.js`) and then
`converse.min.js` was again built with mode set to `production` (via
`webpack.prod.js`).

When running only one build or the other (either `webpack.dev.js` or
`webpack.prod.js`) then the loading of chunks didn't fail, so it had
something to do with running both builds back to back.

I've now removed the `.dev.js` webpack config files and instead build
the minimized and non-minimized from the same config file
`webpack.build.js`.

I did the same for the headless builds.
2022-05-05 07:28:44 +02:00

129 lines
4.0 KiB
JavaScript

/* global __dirname, module, process */
const TerserPlugin = require("terser-webpack-plugin");
const path = require('path');
let bootstrap_ignore_modules = ['carousel', 'scrollspy', 'tooltip', 'toast'];
const BOOTSTRAP_IGNORE_MODULES = (process.env.BOOTSTRAP_IGNORE_MODULES || '').replace(/ /g, '').trim();
if (BOOTSTRAP_IGNORE_MODULES.length > 0) {
bootstrap_ignore_modules = bootstrap_ignore_modules.concat(BOOTSTRAP_IGNORE_MODULES.split(','));
}
module.exports = {
output: {
path: path.resolve(__dirname, '../dist'), // Output path for generated bundles
chunkFilename: '[name].js'
},
devtool: "source-map",
optimization: {
minimize: true,
minimizer: [
new TerserPlugin({
include: /\.min\.js$/
})
],
},
externals: [{
"window": "window"
}],
watchOptions: {
ignored: /dist/,
},
module: {
rules: [
{
test: /LC_MESSAGES[\\/]converse.po$/,
type: "json",
use: [
{
loader: 'po-loader',
options: {
'format': 'jed',
'domain': 'converse'
}
}
]
}, {
test: /webfonts[\\/].*\.(woff(2)?|ttf|eot|truetype|svg)(\?v=\d+\.\d+\.\d+)?$/,
type: 'asset/resource',
generator: {
filename: '[name][ext]',
publicPath: 'webfonts/',
outputPath: 'webfonts/'
}
}, {
test: /\.scss$/,
use: [
'style-loader',
{
loader: 'css-loader',
options: {
sourceMap: true
}
},
'postcss-loader',
{
loader: 'sass-loader',
options: {
sassOptions: {
includePaths: [
path.resolve(__dirname, '../node_modules/'),
path.resolve(__dirname, '../src/')
]
},
sourceMap: true
}
}
]
}, {
test: /\.js$/,
include: [
/src/,
/node_modules\/mergebounce/,
/node_modules\/lit-html/,
/node_modules\/strophe/,
/node_modules\/pluggable/,
/node_modules\/@converse/,
],
use: {
loader: 'babel-loader',
options: {
presets: [
["@babel/preset-env", {
"targets": {
"browsers": [">1%", "not ie 11", "not op_mini all", "not dead"]
}
}]
],
plugins: []
}
}
}, {
test: /bootstrap\.native/,
use: {
loader: 'bootstrap.native-loader',
options: {
bs_version: 4,
ignore: bootstrap_ignore_modules
}
}
}],
},
resolve: {
extensions: ['.js'],
modules: [
'node_modules',
path.resolve(__dirname, "../src")
],
alias: {
"IPv6": path.resolve(__dirname, "../node_modules/urijs/src/IPv6"),
"SecondLevelDomains": path.resolve(__dirname, "../node_modules/urijs/src/SecondLevelDomains"),
"formdata-polyfill": path.resolve(__dirname, "../node_modules/formdata-polyfill/FormData"),
"punycode": path.resolve(__dirname, "../node_modules/urijs/src/punycode"),
"./shims": path.resolve(__dirname, "../src/strophe-shims.js"),
}
}
}