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 via npx 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 the app/dist folder.
```
// ensure you are inside the client directory when running this
npm run build
```

Where is my production build?

The production build will be in the app/dist folder after running npm run build in the app folder.
Where can I find more documentation?

This box is a marriage of Truffle and a Webpack setup. Either one would be a great place to start!