使用流星设置 Antd 会发出警告答案

【问题标题】：Setting up Antd with meteor gives warning使用流星设置 Antd 会发出警告
【发布时间】：2018-10-22 07:19:24
【问题描述】：

我正在用 react + antd 设置 Meteor

当我导入像

这样的所有文件时

import 'antd/dist/antd.less';
import 'antd/dist/antd.css';
import 'antd/dist/antd.js';

我收到以下警告您使用的是一整包的 antd，请使用https://www.npmjs.com/package/babel-plugin-import 减小应用包大小。

如何在 Meteor.js 中进行设置

【问题讨论】：

【解决方案1】：

antd 文档说您需要使用babel-plugin-import，它只加载您已导入的那些组件资产。从文档中阅读Import on Demand。

为你自己的 webpack 配置做

npm i babel-plugin-import

将此添加给您babel config

 plugins: [
      ['import', { libraryName: 'antd', libraryDirectory: 'lib', style: true }],
    ],

import { Button } from 'antd'; 只会加载 Button 组件的资产。

如果您使用的是create-react-app，请按照上面共享的 antd 文档链接获取说明。

【讨论】：

我正在使用 Meteor.js 所以那里没有 webpack。那我该如何配置呢？
应该有一个文件.babelrc 或babel.config.js 或babel.json。你需要找到那个文件。我找到了指向您完全相同问题的链接。 here。我稍后会搜索它并确认你。同时，您可以浏览此链接，看看人们是否找到了它。