Based on project-stub.
The list of supported browsers depends on the bem-core and bem-components library versions.
Note: Internet Explorer 8.0 is not supported by default. To support IE8 you must follow the recomendations.
npm install
enb makeor
npm install
gulpThere's no preferred way: both Gulp and ENB can build a project to get final HTML, CSS and JavaScript bundles. It's up to users to decide which module and config syntax they like.
Additional files generated by ENB as cache to reuse between rebuilds. Also they may be useful for debug.
Execute the following commands in your terminal.
./node_modules/.bin/enb serverYou could use the npm start command to start the enb server without specifying the full path to the node_modules.
npm startThe development server is running. To check it out, navigate to http://localhost:8080/desktop.bundles/index/index.html.
You may also specify different port if 8080 is already taken by some other service:
npm start -- --port=8181Press Ctrl + C while the terminal is your active window to stop the server.
It is possible to create blocks with bem create command:
bem create new-blockmkdir -p desktop.bundles/page
touch desktop.bundles/page/page.bemjson.jsAnd add following content:
module.exports = {
block: 'page',
title: 'page',
head: [
{ elem: 'css', url: 'page.min.css' }
],
scripts: [{ elem: 'js', url: 'page.min.js' }],
content: [
{
block: 'new-block',
content: [
'block content'
]
}
]
};- Static page quick-start
- Starting your own BEM project
- Tutorial for BEMJSON template-engine
- Tutorial on BEMHTML
- Tutorial on i-bem.js
- SSSR (Social Services Search Robot) — study app with BEM full-stack