9ec0531eec | ||
---|---|---|
.. | ||
lib | ||
README.md | ||
build.js | ||
bundle.js | ||
clean.js | ||
copy.js | ||
deploy.js | ||
postcss.config.js | ||
render.js | ||
run.js | ||
runServer.js | ||
start.js | ||
webpack.config.js |
README.md
Build Automation Tools
yarn start
(start.js
)
- Cleans up the output
/build
directory (clean.js
) - Copies static files to the output folder (
copy.js
) - Launches Webpack compiler in a watch mode (via webpack-middleware)
- Launches Node.js server from the compiled output folder (
runServer.js
) - Launches Browsersync and Hot Module Replacement
yarn run build
(build.js
)
- Cleans up the output
/build
folder (clean.js
) - Copies static files to the output folder (
copy.js
) - Creates application bundles with Webpack (
bundle.js
,webpack.config.js
)
yarn run deploy
(deploy.js
)
- Builds the project from source files (
build.js
) - Pushes the contents of the
/build
folder to a remote server with Git
Options
Flag | Description |
---|---|
--release |
Minimizes and optimizes the compiled output |
--verbose |
Prints detailed information to the console |
--analyze |
Launches Webpack Bundle Analyzer |
--static |
Renders specified routes as static html files |
--docker |
Build an image from a Dockerfile |
--silent |
Do not open the default browser |
For example:
$ yarn run build --release --verbose # Build the app in production mode
or
$ yarn start --release # Launch dev server in production mode
Misc
webpack.config.js
- Webpack configuration for both client-side and server-side bundlespostcss.config.js
- PostCSS configuration for transforming styles with JS pluginsrun.js
- Helps to launch other scripts withbabel-node
(e.g.babel-node tools/run build
).eslintrc
- ESLint overrides for built automation scripts