arackaf / customize-cra

Override webpack configurations for create-react-app 2.0
MIT License
2.78k stars 268 forks source link

react-app-rewire-styled-components #56

Closed fgiarritiello closed 5 years ago

fgiarritiello commented 5 years ago

Hi, how can convert the following code?

const rewireStyledComponents = require('react-app-rewire-styled-components');

module.exports = function override(config, env) {
  config = rewireStyledComponents(config, env, {
    displayName: env !== 'production',
  });

  return config;
};
koen-dev commented 5 years ago

This should work:

const { override } = require("customize-cra");
const rewireStyledComponents = require("react-app-rewire-styled-components");

const styledComponents = obj => config => {
    config = rewireStyledComponents(config, process.env.NODE_ENV, obj);
    return config;
};

module.exports = override(
    styledComponents({
        displayName: (process.env.NODE_ENV !== "production")
    })
);