Webpack Truffle Box
This box it our most bare official implementation with Webpack. Includes contracts, migrations, tests, user interface and webpack build pipeline.
Install Truffle globally.
npm install -g truffle
Download the box. This also takes care of installing the necessary dependencies.
truffle unbox webpack
Run the development console.
Compile and migrate the smart contracts. Note inside the development console we don't preface commands with
Run the webpack server for front-end hot reloading (outside the development console). Smart contract changes must be manually recompiled and migrated.
// Serves the front-end on http://localhost:8080 npm run dev
// If inside the development console. test // If outside the development console.. truffle test
How do I use this with Ganache?
The config you need is already in place in
truffle.js! Just run your
trufflecommands as usual, but add
--network ganacheto your options. For more info, check out our documentation on adding network configurations. Depending on the port you're using and whether or not you're using MetaMask, you may also need to update lines 106 and 112 of
I'm encountering this error: Error: Can't resolve '../build/contracts/MetaCoin.json'
This means you haven't compiled or migrated your contracts yet. Run
ERROR in ./app/main.js Module not found: Error: Can't resolve '../build/contracts/MetaCoin.json' in '/Users/tim/Documents/workspace/Consensys/test3/app' @ ./app/main.js 11:16-59