@bem-modules/loader v0.1.2

@bem-modules/loader

npm --save-dev i @bem-modules/loader
# runtime:
npm i @bem-modules/bem

Webpack loader to transform typed BEM module imports.

Add as first loader to Webpack configuation for *.bem.css files:

{
    test: /\.bem\.css$/,
    use: [
        {
            loader: '@bem-modules/loader',
        },
        {
            loader: MiniCssExtractPlugin.loader,
        },
        {
            loader: 'css-loader',
            options: {
                importLoaders: 2,
            },
        },
    ],
}

Transforms CSS imports into imports of BEM modules runtime:

import {bem} from './index.bem.css';

into

import {bem} from '@bem-modules/bem';

Unfortunately, doesn't work with tsc (feature request).

See root package for documentation. See example package for full usage example.