42 lines
1.3 KiB
JavaScript
42 lines
1.3 KiB
JavaScript
const webpack = require('webpack');
|
|
const WorkBoxPlugin = require('workbox-webpack-plugin');
|
|
|
|
module.exports = function override(config) {
|
|
config.resolve.fallback = {
|
|
process: require.resolve('process/browser'),
|
|
// zlib: require.resolve('browserify-zlib'),
|
|
stream: require.resolve('stream-browserify'),
|
|
crypto: require.resolve('crypto-browserify'),
|
|
util: require.resolve('util'),
|
|
buffer: require.resolve('buffer')
|
|
// asset: require.resolve('assert')
|
|
};
|
|
|
|
// https://stackoverflow.com/questions/69135310/workaround-for-cache-size-limit-in-create-react-app-pwa-service-worker
|
|
config.plugins.forEach((plugin) => {
|
|
if (plugin instanceof WorkBoxPlugin.InjectManifest) {
|
|
plugin.config.maximumFileSizeToCacheInBytes = 50 * 1024 * 1024;
|
|
}
|
|
});
|
|
|
|
config.plugins = [
|
|
...config.plugins,
|
|
new webpack.ProvidePlugin({
|
|
process: 'process/browser.js',
|
|
Buffer: ['buffer', 'Buffer']
|
|
})
|
|
];
|
|
config.watchOptions = {
|
|
ignored: /node_modules/, // Ignore node_modules
|
|
aggregateTimeout: 300,
|
|
poll: 1000 // Enable polling for changes
|
|
};
|
|
config.devServer = {
|
|
...config.devServer,
|
|
hot: true, // Enable hot reload explicitly
|
|
watchFiles: ['src/**/*'] // Make sure Webpack watches all files
|
|
};
|
|
|
|
return config;
|
|
};
|