You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
93 lines
2.4 KiB
93 lines
2.4 KiB
1 year ago
|
const { composePlugins, withNx } = require('@nrwl/webpack')
|
||
|
|
const webpack = require('webpack')
|
||
|
|
const TerserPlugin = require("terser-webpack-plugin")
|
||
|
|
const CssMinimizerPlugin = require("css-minimizer-webpack-plugin")
|
||
|
|
|
||
|
|
// Nx plugins for webpack.
|
||
|
|
module.exports = composePlugins(withNx(), (config) => {
|
||
|
|
// Update the webpack config as needed here.
|
||
|
|
// e.g. `config.plugins.push(new MyPlugin())`
|
||
|
|
// add fallback for node modules
|
||
|
|
config.resolve.fallback = {
|
||
|
|
...config.resolve.fallback,
|
||
|
|
"crypto": require.resolve("crypto-browserify"),
|
||
|
|
"stream": require.resolve("stream-browserify"),
|
||
|
|
"path": require.resolve("path-browserify"),
|
||
|
|
"http": require.resolve("stream-http"),
|
||
|
|
"https": require.resolve("https-browserify"),
|
||
|
|
"constants": require.resolve("constants-browserify"),
|
||
|
|
"os": false, //require.resolve("os-browserify/browser"),
|
||
|
|
"timers": false, // require.resolve("timers-browserify"),
|
||
|
|
"zlib": require.resolve("browserify-zlib"),
|
||
|
|
"fs": false,
|
||
|
|
"module": false,
|
||
|
|
"tls": false,
|
||
|
|
"net": false,
|
||
|
|
"readline": false,
|
||
|
|
"child_process": false,
|
||
|
|
"buffer": require.resolve("buffer/"),
|
||
|
|
"vm": require.resolve('vm-browserify'),
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
// add externals
|
||
|
|
config.externals = {
|
||
|
|
...config.externals,
|
||
|
|
solc: 'solc',
|
||
|
|
}
|
||
|
|
|
||
|
|
// add public path
|
||
|
|
config.output.publicPath = './'
|
||
|
|
|
||
|
|
// add copy & provide plugin
|
||
|
|
config.plugins.push(
|
||
|
|
new webpack.ProvidePlugin({
|
||
|
|
Buffer: ['buffer', 'Buffer'],
|
||
|
|
url: ['url', 'URL'],
|
||
|
|
process: 'process/browser',
|
||
|
|
})
|
||
|
|
)
|
||
|
|
|
||
|
|
// set the define plugin to load the WALLET_CONNECT_PROJECT_ID
|
||
|
|
config.plugins.push(
|
||
|
|
new webpack.DefinePlugin({
|
||
|
|
WALLET_CONNECT_PROJECT_ID: JSON.stringify(process.env.WALLET_CONNECT_PROJECT_ID),
|
||
|
|
})
|
||
|
|
)
|
||
|
|
|
||
|
|
// souce-map loader
|
||
|
|
config.module.rules.push({
|
||
|
|
test: /\.js$/,
|
||
|
|
use: ["source-map-loader"],
|
||
|
|
enforce: "pre"
|
||
|
|
})
|
||
|
|
|
||
|
|
config.ignoreWarnings = [/Failed to parse source map/] // ignore source-map-loader warnings
|
||
|
|
|
||
|
|
|
||
|
|
// set minimizer
|
||
|
|
config.optimization.minimizer = [
|
||
|
|
new TerserPlugin({
|
||
|
|
parallel: true,
|
||
|
|
terserOptions: {
|
||
|
|
ecma: 2015,
|
||
|
|
compress: false,
|
||
|
|
mangle: false,
|
||
|
|
format: {
|
||
|
|
comments: false,
|
||
|
|
},
|
||
|
|
},
|
||
|
|
extractComments: false,
|
||
|
|
}),
|
||
|
|
new CssMinimizerPlugin(),
|
||
|
|
];
|
||
|
|
|
||
|
|
config.watchOptions = {
|
||
|
|
ignored: /node_modules/
|
||
|
|
}
|
||
|
|
|
||
|
|
config.experiments.syncWebAssembly = true
|
||
|
|
|
||
|
|
return config;
|
||
|
|
});
|