Vitalizer
Webpack development and bundling tool for Vital Software.
Features
- Hot reloading
- Injected JS/CSS assets
- Tree-shaking optimization
- Cache busted production assets
- Source map support
- PostCSS (Autoprefixer, SCSS style syntax)
- CSS Module support
- cssnano minification
- rem() function support
Installing
To install, run the following commands:
yarn add vitalizer -D
Usage
Development
To run Vitalizer in development mode (using webpack-serve), run the following command:
vitalizer start
To build your project files for production, run the following command:
vitalizer build
Configuration
To configure Vitalizer, create a file called .vitalizer
in the root of your project:
VARIABLE=name
And set any of the following variables:
Variable | Development | Production | Usage |
---|---|---|---|
CDN_URL |
When set, production assets are output as [CDN_URL][asset] rather than [asset] . Used to support an external CDN for assets. |
||
CI |
When set to true , Vitalizer treats warnings as failures in the build. Most CIs set this flag by default. |
||
DISABLE_HASH . |
When set to true , production assets are output as [name].[ext] rather than [name][hash].[ext] . Useful for debugging and test purposes. |
||
HOST |
By default, the development web server binds to localhost . You may use this variable to specify a different host. |
||
INDEX_FILES |
Comma seperated list of HTML files to use. Defaults to static/index.html . |
||
PORT |
By default, the development web server will attempt to listen on port 3000 or prompt you to attempt the next available port. You may use this variable to specify a different port. | ||
RESOLVE_MODULES |
Comma seperated list of module roots to use other than node_modules . i.e. app, static
|
Expanding Environment Variables In .env
Expand variables already on your machine for use in your .env
file (using dotenv-expand).
For example, to use the DOMAIN
variable:
DOMAIN=www.example.com
FOO=$DOMAIN/foo
BAR=$DOMAIN/bar