Hulix

Front-End Workflow.

Features

1. ES2015 with babel6
2. Component Develop Mode.
3. local development environments
4. proxy server for debug with backend developer
5. css module, scss like syntax with PreCSS
6. image compress and dependence, include favicon
7. js/css/images merge and compress
8. unit test with karma && Jasmine
9. ngAnnotate (only for AngularJS)

Install

npm i -g hulix

How to use

hulix dev

start a local server and live translate code

hulix test

start karma for unit test.

all test files' name should append with _test.js

hulix build

compress all code.

UPDATE

0.10

1. BIG FEATURE use cssModule and auto Replace same-name-class in HTML.

0.8

1. Add PreCSS (plugin of PostCSS) to convert css file.
2. *.scss files will use PreCSS

0.7.4

1. Add Karma && Jasmine as the UnitTest Framework
2. Custom Babel By .babelrc
3. Custom dev server host
4. update for vagrant

0.6.0

1. force use css-loader?modules to modulize less files (except css files). Old project should wrap :global {} for all less files

FAQ

Node gyp error?

Some modules need node-gyp, maybe you should see this https://github.com/nodejs/node-gyp#installation

If you dont want to install visual studio, you may read this Vagrant as Development Environment.

Error: Unexpected token

try put .babelrc in project root directory.

may be you use ES2015 features, you should use .babelrc to declare the presets.

Why url() in less file cause error.

you should read this https://github.com/webpack/css-loader/issues/74#issuecomment-110745359. the hack method is use two dot ../xxx/xxx.jpg

that's why I add PreCSS and LESS will be deprecated.

TODO

1. bootstrap tool
2. Auto publish to server