When you develop a Dapp, you need the Solidity ABI of your smart contract in order to configure web3 to interact with your contract.
This Solidity ABI is a json document produced by the Solidity compiler. You could just copy paste it to the frontend, but it can get very tedious and error-prone, particularly during development when the ABI of the smart contract can change often. Is there a better way? yes!
In this video, I will show you 4 development-friendly solutions to import a smart contract ABI to your Dapp (including with webpack and webpack-solidity-loader):