BZK CLI Features :
Environment
- Live-reload browser with BrowserSync
- Hot-reload with style injection
- Watch for changes to recompile
- Implement coding standards
Styles
- Convert Sass and PostCSS to CSS
- Merge media-queries
- Auto-prefix
- Handle error
- Minify style
- Generate sourcemaps
Scripts
- Support ESNext
- Concatenate
- Minify and uglify
- Split vendors and custom JavaScript files
Installation
Install dependencies into your project with NPM.
npm i -D @fantassin/bzkIn your package.json you need to add 2 scripts.
"start": "bzk start",
"build": "bzk build"Once it’s done, depending on whether you are using WordPress or not you may use different configurations file.
For an empty project use :
npx bzk init
if it is a WordPress project use this :
npx bzk init --wordpress
This will ask you some questions about your project. WordPress part isn’t finished yet. You now have default files at the root of your project that is important (.eslint, .env, .babelrc, ...), you change change them. But the most important is to create your own .env.
You can see more advanced configuration on https://www.npmjs.com/package/@fantassin/bzk