����# webpack-ant-icon-loader
[![NPM version][npm-image]][npm-url]
### N0�{�N�{
(u�N㉳Q (WeQ[ant-design](https://ant-design.gitee.io/index-cn) 3.xHr,gT�hQϑ_eQ@ant-design/icons�Vh�e�N ���[�SbSub�v;N�e�N��'Y�v�0
### �N0�[ň�{
> npm
shell
npm install webpack-ant-icon-loader --save-dev
> yarn
shell
yarn add webpack-ant-icon-loader --dev
### N0O(u�{
#### [webpack](https://github.com/webpack/webpack)
> webpack.config.js
js
module.exports = {
module:{
rules:[
{
loader:'webpack-ant-icon-loader',
enforce: 'pre',
// options:{
// chunkName:'antd-icons'
// },
include:[
require.resolve('@ant-design/icons/lib/dist')
]
}
]
}
}
#### [umi](https://umijs.org/)
> .umirc.js
js
export default {
chainWebpack(config, { webpack }) {
// code split @ant-design/icons
config.module
.rule('@ant-design/icons')
.include.add(require.resolve('@ant-design/icons/lib/dist')).end()
.use('ant-icon')
.loader('webpack-ant-icon-loader');
},
}
#### [react-app-rewired](https://github.com/timarney/react-app-rewired)
> config-overrides.js
js
const path = require('path');
module.exports = {
// The Webpack config to use when compiling your react app for development or production.
webpack: function (config, env) {
// ...add your webpack config
// add webpack-ant-icon-loader
config.module.rules.push({
loader: 'webpack-ant-icon-loader',
enforce: 'pre',
include: [
require.resolve('@ant-design/icons/lib/dist')
]
})
return config;
},
}
#### [customize-cra](https://github.com/arackaf/customize-cra)
> config-overrides.js
js
const path = require('path');
const { override } = require('customize-cra');
module.exports = override(
// add webpack-ant-icon-loader
(config) => {
config.module.rules.push({
loader: 'webpack-ant-icon-loader',
enforce: 'pre',
include: [
require.resolve('@ant-design/icons/lib/dist')
]
});
return config;
},
);
### �V0�St�{
;N���Ǐwebpack�Nx�bR([import](https://webpack.js.org/guides/code-splitting/#dynamic-imports))eg�[bSO�yOS�
�b@antd-design/icons/lib/dist�v�Vh�e�N�bb�r�z�vchunk,N_ek�R}�TꁨR�l�Q��Vh�e�N�Vh0
1u�N[ant design](https://ant-design.gitee.io/index-cn) �Q��~�NO(u�N�_Y�Vh,@b�N
N�Q� c��R}��Vh�v�eHh��N�N/f\�Vh�e�N�bR�Qeg��Q`;N�e�N�vSO�y��{|<O�N�R}��r�z�vW[SO�e�N)0
* �Ǐwebpack-ant-icon-loader �c�O�vruntime.js eg�[b�^ߏ�R}��Vh�v7R�e0
1u�NO(u�N_ek�R}��Vh�e�N�v�S�V�(W��!kۏeQu�b�T�O�[��]2n�g�v�Vh�~�NFO/f؏g�l�Q�v�VhO�Q�szz}v�㉳Qُ*N�������SN!k�~�N7R�e, @b�N�Ǐruntime.js (W_ek�Vh�e�N�R}��[bT��Ng\B\b���N7R�e�]2n�gFO/fg�l�Q�v�v�Vh)ۏL�N!k'�~�N7R�e07R�e�[�kT�runtime.js\
N�Q�NeQ�d\O�NR�VR_�S�YAmz0
#### I{geg�ant design�c�Q�N㉳Q�eHh��N����Nwebpack.config.js-N�yd�S_MRloadersS�S0
### �N0�n���S
�W�N [MIT License](http://zh.wikipedia.org/wiki/MITLicense) �n�O(u�Nx�S��feg�n�b�_(u [license.txt](https://github.com/sofish/typo.css/blob/master/license.txt) sS�S0
[npm-url]: https://www.npmjs.com/package/webpack-ant-icon-loader
[npm-image]: https://img.shields.io/npm/v/webpack-ant-icon-loader.svg
$ claude mcp add webpack-ant-icon-loader \
-- python -m otcore.mcp_server <graph>