express-react-boilerplate/src/tools/hooks.js

Express react boilerplate

import { resolve } from 'path';
import cssModuleRequireHook from 'css-modules-require-hook';
import sass from 'node-sass';
import assetRequireHook from 'asset-require-hook';
import postcssConfig from './postcss.config';

const hooks = () => {
  cssModuleRequireHook({
    generateScopedName: '[local]',
    extensions: ['.css', '.scss', '.sass'],
    prepend: [...postcssConfig.plugins],
    preprocessCss: (data, file) => {
      return sass.renderSync({
        data,
        file,
        includePaths: [resolve(process.cwd(), 'src/client')],
      }).css;
    },
    devMode: __DEV__,
  });

  assetRequireHook({
    extensions: ['gif', 'jpg', 'jpeg', 'png', 'webp'],
    publicPath: '/',
    limit: 10240,
    name: '[name].[hash:8].[ext]',
  });

  assetRequireHook({
    extensions: ['woff', 'woff2', 'ttf', 'eot', 'svg'],
    publicPath: '/',
    limit: 10240,
    name: '[name].[hash:8].[ext]',
  });
};

export default hooks;