fe-builder
Build your amazing frontend
Last updated 7 months ago by vladimirtishenko .
ISC · Repository · Bugs · Original npm · Tarball · package.json
$ cnpm install fe-builder 
SYNC missed versions from official npm registry.

New version of JavaScript environment

Last development logs:

* Structure has been slightly changed;
* New version of Babel has been installed;
* New function for extends bootstrap were added;
* All dependencies were updated;
* .eslint rules were changed

Installing

For create Front End Infrastructure that consist of (Yarn, Stylus, Pug, Webpack + Babel, BEM):

cd /to/project/folder
yarn add fe-builder
echo "require('fe-builder')" >> index.js && node index.js && rm index.js

Now you have project tree:

  • public
    • img
    • fonts
    • build
    • css
    • js
      • controllers
        • home.ctrl.js ( First controller for main page /)
      • router.js (Router for resolving path and async load JS modules)
      • app.js (Js entry point)
      • index.js (Entry point for webpack)
    • pug
      • layout
        • layout.pug (Layout for all block with link css to path /build)
      • include (Folder for some included files e.g: header.pug, menu.pug et al.)
      • index.pug (Main html block content)
    • styl
      • vendor
        • bootstrap
          • bootstrap.styl ( Main bootstrap file that include just Bootstrap layout)
          • variables.styl ( Grid sizes for bootstrap )
          • function.styl ( Creating own cols- for bootstrap )
        • bem
          • __modificators
            • __*.styl - (Static bem modificators)
      • blocks
      • common
        • __modificators
        • defaults.styls
  • webpack.config.js (With architecture for transform stylus to CSS, ES6/ES7/ES8 to ES5 and .pug to .html)
  • .babelrc
  • .gitignore
  • node_modules

Launch

  • Development

This command immediately open the browser on the http://localhost:8080, will make the build and will watches your changes!

yarn run dev
  • Production
yarn run build

Reqirement

  • Node.js >= 8+
  • Webpack 4+

Tech

Dillinger uses a number of open source projects to work properly:

  • Twitter Bootstrap - great UI boilerplate for modern web apps
  • node.js - evented I/O for the backend
  • Webpack - Module bundler
  • Pug - The general rendering process of Pug is simple.
  • Stylus - Expressive, dynamic, robust css

Current Tags

  • 3.1.5                                ...           latest (7 months ago)

50 Versions

  • 3.1.5                                ...           7 months ago
  • 3.1.4                                ...           7 months ago
  • 3.1.3                                ...           7 months ago
  • 3.1.2                                ...           10 months ago
  • 3.1.1                                ...           10 months ago
  • 3.1.0                                ...           10 months ago
  • 3.0.1                                ...           a year ago
  • 3.0.0                                ...           a year ago
  • 2.3.1                                ...           a year ago
  • 2.3.0                                ...           a year ago
  • 2.2.2                                ...           2 years ago
  • 2.2.1                                ...           2 years ago
  • 2.2.0                                ...           2 years ago
  • 2.1.6                                ...           2 years ago
  • 2.1.5                                ...           2 years ago
  • 2.1.4                                ...           2 years ago
  • 2.1.3                                ...           2 years ago
  • 2.1.2                                ...           2 years ago
  • 2.1.1                                ...           2 years ago
  • 2.1.0                                ...           2 years ago
  • 2.0.9                                ...           2 years ago
  • 2.0.8                                ...           2 years ago
  • 2.0.7                                ...           2 years ago
  • 2.0.6                                ...           2 years ago
  • 2.0.5                                ...           2 years ago
  • 2.0.4                                ...           2 years ago
  • 2.0.3                                ...           2 years ago
  • 2.0.2                                ...           2 years ago
  • 2.0.1                                ...           2 years ago
  • 2.0.0                                ...           2 years ago
  • 1.1.12                                ...           3 years ago
  • 1.1.11                                ...           3 years ago
  • 1.1.10                                ...           3 years ago
  • 1.1.9                                ...           3 years ago
  • 1.1.8                                ...           3 years ago
  • 1.1.7                                ...           3 years ago
  • 1.1.6                                ...           3 years ago
  • 1.1.5                                ...           3 years ago
  • 1.1.4                                ...           3 years ago
  • 1.1.3                                ...           3 years ago
  • 1.1.2                                ...           3 years ago
  • 1.1.1                                ...           3 years ago
  • 1.1.0                                ...           3 years ago
  • 1.0.6                                ...           4 years ago
  • 1.0.5                                ...           4 years ago
  • 1.0.4                                ...           4 years ago
  • 1.0.3                                ...           4 years ago
  • 1.0.2                                ...           4 years ago
  • 1.0.1                                ...           4 years ago
  • 1.0.0                                ...           4 years ago
Maintainers (1)
Downloads
Today 0
This Week 0
This Month 4
Last Day 0
Last Week 0
Last Month 3
Dev Dependencies (0)
None
Dependents (0)
None

Copyright 2014 - 2016 © taobao.org |