Skip to content

Instantly share code, notes, and snippets.

@enix-app
Forked from davidgilbertson/webpack.config.js
Created September 7, 2020 17:40
Show Gist options
  • Save enix-app/ed16e6e2e10bd3c147a8067bbd45ff2c to your computer and use it in GitHub Desktop.
Save enix-app/ed16e6e2e10bd3c147a8067bbd45ff2c to your computer and use it in GitHub Desktop.
const path = require('path');
const webpack = require('webpack');
module.exports = {
entry: path.resolve(__dirname, 'src/index.js'),
plugins: [
new webpack.HashedModuleIdsPlugin(), // so that file hashes don't change unexpectedly
],
output: {
path: path.resolve(__dirname, 'dist'),
filename: '[name].[contenthash].js',
},
optimization: {
runtimeChunk: 'single',
splitChunks: {
chunks: 'all',
maxInitialRequests: Infinity,
minSize: 0,
cacheGroups: {
vendor: {
test: /[\\/]node_modules[\\/]/,
name(module) {
// get the name. E.g. node_modules/packageName/not/this/part.js
// or node_modules/packageName
const packageName = module.context.match(/[\\/]node_modules[\\/](.*?)([\\/]|$)/)[1];
// npm package names are URL-safe, but some servers don't like @ symbols
return `npm.${packageName.replace('@', '')}`;
},
},
},
},
},
};
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment