mirror of
https://github.com/misenhower/splatoon2.ink.git
synced 2026-09-28 04:06:52 -05:00
000f21e0c3
Replaces the four nested package.json scopes with "type": "module" at the root. The three CommonJS config files become .cjs. Webpack would otherwise treat src/web as strict ESM, which forbids the require() calls used for locale files and image assets and demands extensions on every import, so the Vue config keeps the js rule in webpack's mixed mode. Build, tests, lint, and the built site were verified, including the dialogs, a language switch, and the screenshots page. Co-Authored-By: Claude Fable 5.1 <noreply@anthropic.com>
63 lines
1.9 KiB
JavaScript
63 lines
1.9 KiB
JavaScript
const path = require('path');
|
|
|
|
module.exports = {
|
|
assetsDir: 'assets',
|
|
productionSourceMap: false,
|
|
configureWebpack: {
|
|
optimization: {
|
|
splitChunks: {
|
|
cacheGroups: {
|
|
// We want to keep the vendors chunk, but we don't want to include moment since it's relatively large
|
|
// and only used for the screenshots page (which is never served to the client).
|
|
// An alternative method would be to set minChunks to 2 here.
|
|
vendors: {
|
|
test: /[\\/]node_modules[\\/](?!(moment|moment-timezone)[\\/])/,
|
|
},
|
|
// The common chunk doesn't really make sense here since the only reason we're splitting
|
|
// pages is for the server-side screenshots page. Disabling it to save an HTTP request.
|
|
common: false,
|
|
},
|
|
},
|
|
},
|
|
plugins: [],
|
|
},
|
|
// Disabling this for now due to issues with the modern build
|
|
// chainWebpack: config => {
|
|
// config.plugin('prefetch-index').tap(options => {
|
|
// options[0].fileBlacklist = options[0].fileBlacklist || [];
|
|
// options[0].fileBlacklist.push(/lang-.+?\.js$/);
|
|
// return options;
|
|
// });
|
|
// },
|
|
|
|
chainWebpack: config => {
|
|
config.module
|
|
.rule('vue')
|
|
.use('vue-loader')
|
|
.tap(args => {
|
|
args.compilerOptions.whitespace = 'preserve';
|
|
});
|
|
|
|
// The package is "type": "module" for Node's sake. Webpack would then treat src/web as
|
|
// strict ESM, which forbids the require() calls used for locale files and image assets
|
|
// and demands file extensions on every import. Keep the web code in webpack's mixed mode.
|
|
config.module
|
|
.rule('js')
|
|
.set('type', 'javascript/auto')
|
|
.set('resolve', { fullySpecified: false });
|
|
},
|
|
devServer: {
|
|
static: {
|
|
directory: path.join(__dirname, 'dist'),
|
|
},
|
|
},
|
|
pages: {
|
|
index: {
|
|
entry: 'src/web/main.js',
|
|
},
|
|
screenshots: {
|
|
entry: 'src/web/screenshots.js',
|
|
},
|
|
},
|
|
};
|