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.
109 lines
2.8 KiB
109 lines
2.8 KiB
4 months ago
|
const {composePlugins, withNx} = require('@nrwl/webpack')
|
||
|
|
const webpack = require('webpack')
|
||
|
|
const TerserPlugin = require('terser-webpack-plugin')
|
||
|
|
const CssMinimizerPlugin = require('css-minimizer-webpack-plugin')
|
||
|
|
const { WebpackManifestPlugin } = require('webpack-manifest-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),
|
||
|
|
})
|
||
|
|
)
|
||
|
|
|
||
|
|
config.plugins.push(
|
||
|
|
new WebpackManifestPlugin({
|
||
|
|
fileName: 'manifest.json',
|
||
|
|
publicPath: '/',
|
||
|
|
generate: (seed, files, entrypoints) => {
|
||
|
|
const manifest = files.reduce((manifest, { name, path }) => {
|
||
|
|
manifest[name] = path;
|
||
|
|
return manifest;
|
||
|
|
}, seed);
|
||
|
|
return manifest;
|
||
|
|
},
|
||
|
|
filter: (file) => {
|
||
|
|
return !(file.path.includes('assets') || file.path.includes('.map'));
|
||
|
|
},
|
||
|
|
})
|
||
|
|
)
|
||
|
|
|
||
|
|
// 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
|
||
|
|
})
|