Webpack BEM plugin

Simple steps to use BEM in your React project:

1. Write components as bem-react-core declarations
2. Use bem-import-notation to import or require components
3. Define project structure in bemrc config file
4. Build project using webpack and Webpack-BEM-plugin
5. Enjoy 😉

Examples

npm run build-examples

Each example has its public/*.html.

• Char table (source) js no-sets no-babel
• Few components (source) js/css sets babel
• Promo (source) js/css sets library plugins babel

Plugin options

Name	Type	Description
[techs]	{String[]}	List of techs in project to build. Default is ['js']
[techMap]	{Object}	Maps techs to actual file extensions. Tech with no mapping treated as file extension as is. Example of custom mapping: { js: 'react.js' }
[libs]	{Object}	Stores inline bemrc configurations for some libraries. Use when a library has not its bemrc file and adding it in library codebase is complicated
[plugins]	{Function}	Callback returns 3rd party plugins with no "child-compiler" support. Example is extract-text-webpack-plugin

Run tests

npm test

Known issues

• Flat-scheme is not supported
• No windows support
• No i18n support

License

Code and documentation copyright 2018 YANDEX LLC. Code released under the Mozilla Public License 2.0.