How do I get the packaging environment? dev or production about customize-cra

[sunlili810]

It works in this way.

[FezVrasta]

May you show an example of the code you are trying to write?

[sunlili810]

This is my config-overrides.js:

const path = require("path");
const {
  override,
  fixBabelImports,
  addWebpackAlias,
  addBundleVisualizer
} = require("customize-cra");
const BundleAnalyzerPlugin = require("webpack-bundle-analyzer")
  .BundleAnalyzerPlugin;
module.exports = override(
  fixBabelImports("import", {
    libraryName: "antd",
    libraryDirectory: "es",
    style: true
  }),
  process.env.BUNDLE_VISUALIZE == 1 && addBundleVisualizer(),
  process.env.NODE_ENV == "production " && new BundleAnalyzerPlugin(),

  addWebpackAlias({
    components: path.join(__dirname, "./src/components")
  })
);

and my packgage.json

  "scripts": {
    "start": "react-app-rewired start",
    "build": "react-app-rewired build",
  },

[FezVrasta]

You can't add plugins that way, you have to add them with the addBabelPlugin helper

https://github.com/arackaf/customize-cra#addbabelpluginplugin

[sunlili810]

I'm not going to add babel plugin，I'm going to add webpack plugin，such as UglifyJsPlugin.
I want to know the webpack environment ，When i create an optimized production build if the webpack environment is 'production' ，I will activate UglifyJsPlugin.

[FezVrasta]

Yeah right. Still that's not the right way. You have to add them to the plugins list. Not to there