truffle-box / Webpack Box
Programming Languages
Webpack Truffle Box
This box is our most bare official implementation with Webpack.
Includes contracts, migrations, tests, user interface, and webpack build pipeline.
Installation
First ensure you are in a new and empty directory.
-
Run the
unbox
command vianpx
and skip to step 3.npx truffle unbox webpack
-
Alternatively, you can install Truffle globally and run the
unbox
command.npm install -g truffle truffle unbox webpack
-
Run the development console.
truffle develop
-
Compile and migrate the smart contracts. Note inside the development console we don't preface commands with
truffle
.compile migrate
-
In the
app
directory, we build and run our frontend. Smart contract changes must be manually recompiled and migrated.// in another terminal (i.e. not in the truffle develop prompt) cd app npm run dev
-
Truffle can run tests written in Solidity or JavaScript against your smart contracts. Note the command varies slightly if you're in or outside of the development console.
// inside the development console. test // outside the development console.. truffle test
-
To build the application for production, use the build script in the
app
folder. A production build will be in theapp/dist
folder.// ensure you are inside the client directory when running this npm run build