使用babel-plugin-import使antd插件按需加载并自定义主题,在webpack.config.js文件下的相关配置,这里演示的是webpack4.0
因为antd使用的是less,所以这里需要安装less
安装antd: yarn add antd
安装babel-plugin-import: yarn add babel-plugin-import
按需加载
webpack.config.js文件下
按需加载less
{
test: /\.(js|mjs|jsx|ts|tsx)$/,
include: paths.appSrc,
loader: require.resolve('babel-loader'),
options: {
customize: require.resolve(
'babel-preset-react-app/webpack-overrides'
),
plugins: [
[
require.resolve('babel-plugin-named-asset-import'),