Use bem-config

packages/bem-react-scripts/config/jest/babelTransform.js

@@ -9,14 +9,16 @@
 'use strict';
 
 const babelJest = require('babel-jest');
+const bemConfig = require('bem-config')();
+const levels = Object.keys(bemConfig.levelMapSync());
 
 module.exports = babelJest.createTransformer({
   presets: [require.resolve('babel-preset-react-app')],
   plugins: [
     [
       require.resolve('babel-plugin-bem-import'),
       {
-        levels: [`./src/common/`, `./src/desktop/`, `./src/touch/`],
+        levels,
         techs: ['js'],
       },
     ],

packages/bem-react-scripts/config/webpack.config.dev.js

@@ -16,8 +16,10 @@ const HtmlWebpackPlugin = require('html-webpack-plugin');
 const CaseSensitivePathsPlugin = require('case-sensitive-paths-webpack-plugin');
 const InterpolateHtmlPlugin = require('react-dev-utils/InterpolateHtmlPlugin');
 const WatchMissingNodeModulesPlugin = require('react-dev-utils/WatchMissingNodeModulesPlugin');
+const bemConfig = require('bem-config')();
 const getClientEnvironment = require('./env');
 const paths = require('./paths');
+const levels = Object.keys(bemConfig.levelMapSync());
 
 // @remove-on-eject-begin
 // `path` is not used after eject - see https://github.com/facebookincubator/create-react-app/issues/1174
@@ -137,7 +139,7 @@ module.exports = {
           {
             loader: 'webpack-bem-loader',
             options: {
-              levels: [`./src/common`, `./src/desktop`, `./src/touch`],
+              levels,
               techs: ['js', 'css'],
             },
           },

packages/bem-react-scripts/package.json

@@ -32,6 +32,7 @@
     "babel-preset-es2015": "^6.9.0",
     "babel-preset-react-app": "^2.1.1",
     "babel-runtime": "^6.20.0",
+    "bem-config": "^3.2.3",
     "bem-react-core": "^0.2.0",
     "case-sensitive-paths-webpack-plugin": "1.1.4",
     "chalk": "1.1.3",

packages/bem-react-scripts/template/.bemrc

@@ -0,0 +1,15 @@
+{
+    "root": true,
+    "levels": {
+        "./src/common": {
+            "scheme": "nested",
+            "default": true
+        },
+        "./src/desktop": {
+            "scheme": "nested"
+        },
+        "./src/touch": {
+            "scheme": "nested"
+        }
+    }
+}