Learn about our RFC process, Open RFC meetings & more.Join in the discussion! »

fe-builder

3.1.5 • Public • Published

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

Install

npm i fe-builder

DownloadsWeekly Downloads

5

Version

3.1.5

License

ISC

Unpacked Size

46.8 kB

Total Files

20

Last publish

Collaborators

  • avatar