PrivateCoffee/element-web
4
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions 3

Merge pull request #27464 from MTRNord/patch-1

Browse source 
Modernize hash in webpack
This commit is contained in:
Michael Telatynski 2024-05-13 05:51:42 +00:00 committed by GitHub
commit a0d7805484
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
1 changed files with 15 additions and 15 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

30
webpack.config.js
View file

@ -449,7 +449,7 @@ module.exports = (env, argv) => {
loader: "file-loader", loader: "file-loader",
type: "javascript/auto", type: "javascript/auto",
options: { options: {
name: "[name].[hash:7].[ext]", name: "[name].[fullhash:7].[ext]",
outputPath: ".", outputPath: ".",
}, },
}, },
@ -461,7 +461,7 @@ module.exports = (env, argv) => {
type: "javascript/auto", type: "javascript/auto",
options: { options: {
// We deliberately override the name so it makes sense in debugging // We deliberately override the name so it makes sense in debugging
name: "opus-encoderWorker.min.[hash:7].[ext]", name: "opus-encoderWorker.min.[fullhash:7].[ext]",
outputPath: ".", outputPath: ".",
}, },
}, },
@ -489,7 +489,7 @@ module.exports = (env, argv) => {
type: "javascript/auto", // https://github.com/webpack/webpack/issues/6725 type: "javascript/auto", // https://github.com/webpack/webpack/issues/6725
options: { options: {
// We deliberately override the name so it makes sense in debugging // We deliberately override the name so it makes sense in debugging
name: "opus-decoderWorker.min.[hash:7].[ext]", name: "opus-decoderWorker.min.[fullhash:7].[ext]",
outputPath: ".", outputPath: ".",
}, },
}, },
@ -514,7 +514,7 @@ module.exports = (env, argv) => {
type: "javascript/auto", // https://github.com/webpack/webpack/issues/6725 type: "javascript/auto", // https://github.com/webpack/webpack/issues/6725
options: { options: {
// We deliberately override the name so it makes sense in debugging // We deliberately override the name so it makes sense in debugging
name: "wave-encoderWorker.min.[hash:7].[ext]", name: "wave-encoderWorker.min.[fullhash:7].[ext]",
outputPath: ".", outputPath: ".",
}, },
}, },
@ -525,7 +525,7 @@ module.exports = (env, argv) => {
type: "javascript/auto", type: "javascript/auto",
loader: "file-loader", loader: "file-loader",
options: { options: {
name: "i18n/[name].[hash:7].[ext]", name: "i18n/[name].[fullhash:7].[ext]",
}, },
}, },
{ {
@ -595,10 +595,10 @@ module.exports = (env, argv) => {
loader: "file-loader", loader: "file-loader",
options: { options: {
esModule: false, esModule: false,
name: "[name].[hash:7].[ext]", name: "[name].[fullhash:7].[ext]",
outputPath: getAssetOutputPath, outputPath: getAssetOutputPath,
publicPath: function (url, resourcePath) { publicPath: function (url, resourcePath) {
// CSS image usages end up in the `bundles/[hash]` output // CSS image usages end up in the `bundles/[fullhash]` output
// directory, so we adjust the final path to navigate up // directory, so we adjust the final path to navigate up
// twice. // twice.
const outputPath = getAssetOutputPath(url, resourcePath); const outputPath = getAssetOutputPath(url, resourcePath);
@ -610,7 +610,7 @@ module.exports = (env, argv) => {
}, },
{ {
test: /\.(gif|png|ttf|woff|woff2|xml|ico)$/, test: /\.(gif|png|ttf|woff|woff2|xml|ico)$/,
// Use a content-based hash in the name so that we can set a long cache // Use a content-based fullhash in the name so that we can set a long cache
// lifetime for assets while still delivering changes quickly. // lifetime for assets while still delivering changes quickly.
oneOf: [ oneOf: [
{ {
@ -619,10 +619,10 @@ module.exports = (env, argv) => {
loader: "file-loader", loader: "file-loader",
options: { options: {
esModule: false, esModule: false,
name: "[name].[hash:7].[ext]", name: "[name].[fullhash:7].[ext]",
outputPath: getAssetOutputPath, outputPath: getAssetOutputPath,
publicPath: function (url, resourcePath) { publicPath: function (url, resourcePath) {
// CSS image usages end up in the `bundles/[hash]` output // CSS image usages end up in the `bundles/[fullhash]` output
// directory, so we adjust the final path to navigate up // directory, so we adjust the final path to navigate up
// twice. // twice.
const outputPath = getAssetOutputPath(url, resourcePath); const outputPath = getAssetOutputPath(url, resourcePath);
@ -653,8 +653,8 @@ module.exports = (env, argv) => {
// This exports our CSS using the splitChunks and loaders above. // This exports our CSS using the splitChunks and loaders above.
new MiniCssExtractPlugin({ new MiniCssExtractPlugin({
filename: useHMR ? "bundles/[name].css" : "bundles/[hash]/[name].css", filename: useHMR ? "bundles/[name].css" : "bundles/[fullhash]/[name].css",
chunkFilename: useHMR ? "bundles/[name].css" : "bundles/[hash]/[name].css", chunkFilename: useHMR ? "bundles/[name].css" : "bundles/[fullhash]/[name].css",
ignoreOrder: false, // Enable to remove warnings about conflicting order ignoreOrder: false, // Enable to remove warnings about conflicting order
}), }),
@ -770,9 +770,9 @@ module.exports = (env, argv) => {
// directory and symlink it into place - this allows users who loaded // directory and symlink it into place - this allows users who loaded
// an older version of the application to continue to access webpack // an older version of the application to continue to access webpack
// chunks even after the app is redeployed. // chunks even after the app is redeployed.
filename: "bundles/[hash]/[name].js", filename: "bundles/[fullhash]/[name].js",
chunkFilename: "bundles/[hash]/[name].js", chunkFilename: "bundles/[fullhash]/[name].js",
webassemblyModuleFilename: "bundles/[hash]/[modulehash].wasm", webassemblyModuleFilename: "bundles/[fullhash]/[modulehash].wasm",
}, },
// configuration for the webpack-dev-server // configuration for the webpack-dev-server