It is a tool for assembling prototypes and simple web pages, based on Gulp and Webpack.
Getting Started
Installation
$ npm i -g dixi
Usage
Run init
command in the project root directory:
$ dixi init
Set the base options in dixi.config.js
file. (See options)
Start server and watchers:
$ dixi run
Documentation
Project structure
.├─ app│ ├─ src│ │ ├─ twig│ │ ├─ icons│ │ ├─ js│ │ ├─ scss│ │ ├─ static│ │ └─ data.json│ ├─ dev│ └─ build├─ dixi.config.js└─ package.json
Commands
$ dixi # Reference$ dixi init # Initialize project$ dixi run # Start server and watchers$ dixi build # Build project
Options
enableRevision
- value <boolean>
- default
false
Static asset revisioning by appending content hash to filenames.
createArchive
- value <boolean>
- default
false
Creates zip archive with production files.
includeSources
- value <boolean>
- default
false
Copies the source files to the assembly folder.
browsersList
- value <Array>
- default
['defaults']
Browsers list for babel-preset-env and autoprefixer. See browserslist for more info.
extend(cfg, gulp, Message)
cfg
<Object> Configuration object.gulp
<Function> Gulp Instance.Message
<Class> Messagesclass
.- return: <Object> Return configuration object (required)
This function allows you to change the configuration, create custom tasks, change the task queue, and so on.
const baseOptions ={gulp;cfgbuildertasksbuild;return cfg;};