Important: This documentation covers Yarn 1 (Classic).
For Yarn 2+ docs and migration guide, see yarnpkg.com.

Package detail

gulp-cssmodules-map

Jokki575Apache-2.00.0.1

Gulp plugin for creating map file with css modules, that can be used directly in you trinspiled code

gulpplugin

readme

Gulp plugin for extracting CSS module to JSON file using PostCSS

This plugin based on gulp-postcss-modules, but you can pass custom generateScopedName callback for postcss-modules plugin.

Usage

Basic

gulp.task('css-modules',
    () => gulp.src('lib/**/*.css')
      .pipe(cssModules())
      .pipe(gulp.dest(options.defaultDir));
});

Custom generateScopedName according to [https://github.com/webpack/loader-utils#interpolatename]

gulp.task('css-modules',
    () => gulp.src('lib/**/*.css')
      .pipe(cssModules(
            '[name]__[local]___[hash:base64:5]',
          ))
      .pipe(gulp.dest(options.defaultDir));
});

Also you can pass array of postcss plugin as second parameter, it will be passed directly to postcss module

gulp.task('css-modules',
    () => gulp.src('lib/**/*.css')
      .pipe(cssModules(
            '[name]__[local]___[hash:base64:5]',
            [
              // init postcss plugins
            ]
          ))
      .pipe(gulp.dest(options.defaultDir));
});