Skip to content

Instantly share code, notes, and snippets.

@critesjosh
Created June 15, 2022 18:33
Show Gist options
  • Select an option

  • Save critesjosh/bbf2b807ecd06622db48bd171b57ecb8 to your computer and use it in GitHub Desktop.

Select an option

Save critesjosh/bbf2b807ecd06622db48bd171b57ecb8 to your computer and use it in GitHub Desktop.
to use Aztec SDK and create-react-app 5 with https://www.npmjs.com/package/react-app-rewired
const webpack = require('webpack');
const CopyPlugin = require('copy-webpack-plugin');
module.exports = function override(config) {
let fallback = config.resolve.fallback || {};
// These fallbacks are required for the @aztec/sdk v2.1.0-testnet.30 or greater
Object.assign(fallback, {
"crypto": require.resolve("crypto-browserify"),
"stream": require.resolve("stream-browserify"),
"path": require.resolve("path-browserify"),
"assert": require.resolve("assert"),
"http": require.resolve("stream-http"),
"https": require.resolve("https-browserify"),
"os": require.resolve("os-browserify"),
"url": require.resolve("url"),
"fs": require.resolve("browserify-fs")
})
let plugins = [
// Only required for @aztec/sdk v2.1.0-testnet.30 or greater, not for v2.0.112
new webpack.ProvidePlugin({
process: 'process/browser.js',
Buffer: ['buffer', 'Buffer'],
}),
// These file locations are specific to @aztec/sdk v2.1.0-testnet.30
new CopyPlugin({
patterns: [
{
from: './node_modules/@aztec/barretenberg/wasm/barretenberg.wasm',
to: '[name][ext]',
},
{
from: './node_modules/@aztec/barretenberg/worker.js',
to: '[name][ext]',
}
],
})
]
config.resolve.fallback = fallback;
config.plugins = (config.plugins || []).concat(plugins);
config.ignoreWarnings = [/Failed to parse source map/];
return config;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment