gatsby-1-config-css-modules

1.0.11 • Public • Published

gatsby-1-config-css-modules

CSS Modules configuration for Gatsby v1 plugins

Install

npm install --save-dev gatsby-plugin-sass

How to use

Example from gatsby-plugin-sass:

// in gatsby-node.js
const { cssModulesConfig } = require("gatsby-1-config-css-modules");
 
exports.modifyWebpackConfig = ({ config, stage }, { precision }) => {
  const sassFiles = /\.s[ac]ss$/;
  const sassModulesFiles = /\.module\.s[ac]ss$/;
  const sassLoader = precision ? `sass?precision=${precision}` : `sass`;
 
  switch (stage) {
    case `develop`: {
      config.loader(`sass`, {
        test: sassFiles,
        exclude: sassModulesFiles,
        loaders: [`style`, `css`, sassLoader],
      });
 
      config.loader(`sassModules`, {
        test: sassModulesFiles,
        loaders: [`style`, cssModulesConfig(stage), sassLoader],
      });
      return config;
    }
 
    // etc.
  }
};

/gatsby-1-config-css-modules/

    Package Sidebar

    Install

    npm i gatsby-1-config-css-modules

    Weekly Downloads

    1,539

    Version

    1.0.11

    License

    MIT

    Unpacked Size

    2.16 kB

    Total Files

    4

    Last publish

    Collaborators

    • kylemathews
    • m-allanson
    • monastic.panic
    • pieh