当使用 antd 包时，可以遇到 "sideEffects" 在 package.json 中不起作用的问题。这可能是由于 webpack 的 tree shaking 机制在处理 antd 包时的一些问题。

要解决这个问题，可以尝试以下方法：

1. 确保你的项目使用了 webpack 4 或更高版本。较旧的版本可能不支持 "sideEffects" 字段。

2. 在你的项目的 package.json 文件中，添加以下代码：

"sideEffects": ["antd/es/*", "antd/lib/*"]

这将告诉 webpack 在打包时保留 antd/es 和 antd/lib 中的所有文件，而不进行 tree shaking。

3. 在项目的 webpack 配置文件中，添加以下配置：

module.exports = {
  // ...
  optimization: {
    usedExports: true,
  },
  // ...
};

这将确保 webpack 在打包时正确地处理 "sideEffects" 字段。

4. 在你的项目中使用 babel-plugin-import 插件来按需加载 antd 的组件。这可以通过以下方式安装和配置：

首先安装插件：

npm install babel-plugin-import --save-dev

然后在 .babelrc 文件中添加以下配置：

{
  "plugins": [
    ["import", {
      "libraryName": "antd",
      "style": "css"
    }]
  ]
}

这将确保只导入你需要的 antd 组件，减少打包体积。

通过以上方法，应该可以解决 antd 包的 "sideEffects" 字段不起作用的问题。如果问题仍然存在，请检查你的 webpack 配置和 package.json 文件，确保没有其他的配置或依赖引起冲突。