Any chance to make it work with CRA?

[stereobooster]

Hi. Thank you for the project.

This question is asked in every zero-runtime library out there. Can we make it work with CRA out of the box, without need to eject? Can we make use of babel macros for example?

I kind of know the answer already (the problem is inside webpack API) but I keep hoping for the best. This is not an issue more of a discussion.

[montogeek]

It shouldn't be a problem using any CRA rewired library.

[mattcompiles]

It shouldn't be difficult to integrate treat into CRA. It works in a very similar way to CSS modules and already has an idiomatic file extension (.treat.js|ts). It's mostly just a matter of adding the webpack plugin to your config.

This issue is more one for the CRA maintainers though and whether they want to support treat.

[stereobooster]

[danielberndt]

For reference, this is the code that's necessary to use treat in a CRA project via react-app-rewired

// config-overrides.js
const MiniCssExtractPlugin = require("mini-css-extract-plugin");
const TreatPlugin = require("treat/webpack-plugin");

module.exports = function override(config, env) {
  const isEnvDevelopment = env === "development";
  config.plugins.push(
    new TreatPlugin({
      outputLoaders: [
        isEnvDevelopment ? require.resolve("style-loader") : MiniCssExtractPlugin.loader,
      ],
    })
  );

  return config;
};